@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,800);@import url(https://fonts.googleapis.com/css?family=Exo+2:400,100);@import url(https://fonts.googleapis.com/css?family=Sacramento&display=swap);@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch&display=swap);@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Jura:wght@500;600;900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Fjalla+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css?family=Heebo:400,700|Open+Sans:400,700);@import url(https://fonts.googleapis.com/css?family=Alata&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about{align-items:flex-end;bottom:50px;justify-content:flex-end;position:fixed;right:20px;transition:all .2s ease;z-index:10}.about,.about .bg_links{display:flex;height:40px;width:40px}.about .bg_links{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#aa14f0b1;border-radius:100%;justify-content:center;position:absolute}.about .logo{background-image:url(https://rafaelavlucas.github.io/assets/icons/black/icon-20.svg);background-position:10px 10px;background-repeat:no-repeat;background-size:50%;bottom:0;opacity:100%;right:0;transition:all 1s ease .2s;z-index:9}.about:hover{height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65);width:105px}.about:hover .logo{cursor:pointer;opacity:1;transition:all .6s ease}*{-webkit-tap-highlight-color:transparent;border:0;box-sizing:border-box;color:inherit;list-style:none;margin:0;padding:0;text-decoration:none}*,:focus{outline:0}body{font-family:Raleway,sans-serif}.mainNav{align-items:center;background-image:linear-gradient(90deg,#000 0,#000000c4 100%,#00000092 0);color:#eee;display:flex;height:80px;justify-content:space-between;padding:0 40px;position:absolute;text-transform:uppercase;width:100%;z-index:2}@media screen and (max-width:799px){.mainNav{padding:0 20px}}.mainNav__logo{font-size:18px;font-weight:800;letter-spacing:1px}.mainNav__links{display:flex}@media screen and (max-width:799px){.mainNav__links{display:none}}.mainNav__link{box-shadow:inset 0 -10px 0 #ffffff4d;font-size:14px;font-weight:600;letter-spacing:1px;margin-left:20px;padding:2px 4px;transform:translateY(0);transition:all .4s ease,transform .2s ease}.active,.mainNav__link:hover{box-shadow:inset 0 -20px 0 #0000003b;transform:translateY(-5px)}.mainHeading{height:100%;margin-bottom:12rem;padding:0 40px;position:relative;width:100%}@media screen and (max-width:799px){.mainHeading{margin-bottom:12rem;padding:0 20px}}.mainHeading__content{align-items:center;display:flex;justify-content:space-between;left:50%;max-width:1110px;min-height:600px;position:relative;transform:translateX(-50%)}@media screen and (max-width:799px){.mainHeading__content{min-height:500px}}.mainHeading__text{animation:text .8s ease .6s backwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;color:#aa14f0;margin-top:100px;max-width:620px;padding:40px;position:relative;width:70%;z-index:1}.mainHeading__text:before{animation:line .8s ease .6s backwards;background-color:#ffffff80;content:"";height:100%;left:0;position:absolute;top:0;width:5px}@keyframes line{0%{opacity:0;right:0;width:100%}}@media screen and (max-width:799px){.mainHeading__text{margin:90px 0 40px;padding:20px}}@keyframes text{0%{opacity:0;transform:translateX(200px)}}.mainHeading__preTitle{font-weight:600;margin-bottom:16px}.mainHeading__preTitle,.mainHeading__title{color:#aa14f0;letter-spacing:2px;text-transform:uppercase}.mainHeading__title{font-size:40px;font-weight:200;margin-bottom:24px}@media screen and (max-width:799px){.mainHeading__title{font-size:28px;margin-bottom:16px}}.mainHeading__description{font-size:16px;letter-spacing:.5px;line-height:26px}@media screen and (max-width:799px){.mainHeading__description{font-size:14px}}.mainHeading__image{animation:image .6s ease .2s backwards;height:600px;max-width:600px;overflow:hidden;position:absolute;right:0;transform:translatey(100px);width:60%}@media screen and (max-width:799px){.mainHeading__image{height:480px;right:-6%;transform:translatey(80px);width:70%}}@keyframes image{0%{opacity:0;transform:translatey(200px)}}.mainHeading__image:after,.mainHeading__image:before{background-image:linear-gradient(0deg,#eee 0,#e7f0fd);content:"";height:0;left:0;opacity:1;position:absolute;top:100%;width:100%}.mainHeading__image:before{animation:imageBefore 1s ease .2s backwards}@keyframes imageBefore{0%{height:100%;top:0}}.mainHeading__image:after{background-image:linear-gradient(0deg,#accbee 0,#e7f0fd);height:100%;opacity:.2;top:0}.mainHeading__image img{height:100%;width:100%}.cta{background-color:initial;border:1px solid #63749866;box-shadow:inset 0 0 0 #63749833;color:#aa14f0;cursor:pointer;font-family:Raleway,sans-serif;font-weight:600;letter-spacing:2px;margin-top:32px;padding:16px 32px;text-transform:uppercase;transition:all .4s ease}.cta:hover{border:1px solid #6374981a;box-shadow:inset 0 -80px 0 #6374981a;transform:translateY(-5px)}@media screen and (max-width:799px){.cta{margin-top:16px}}.wrapper{background:linear-gradient(90deg,#090909af,#0b0b0bba);height:100%;overflow:hidden;position:fixed;right:-100%;scroll-snap-stop:always;top:0;transition:all .6s ease-in-out;width:100%}#active:checked~.wrapper{right:0}.menu-btn{background:linear-gradient(90deg,#bc8cf2,#aa14f0);border-radius:50%;cursor:pointer;font-size:20px;height:50px;line-height:50px;position:absolute;right:20px;text-align:center;top:20px;transition:all .3s ease-in-out;width:50px;z-index:2}.menu-btn span,.menu-btn:after,.menu-btn:before{border-bottom:2px solid #000;content:"";left:30%;position:absolute;top:calc(50% - 1px);transition:transform .6s cubic-bezier(.215,.61,.355,1);width:40%}.menu-btn:before{transform:translateY(-8px)}.menu-btn:after{transform:translateY(8px)}.close{height:100%;pointer-events:none;transition:background .6s;width:100%;z-index:1}#active:checked+.menu-btn span{transform:scaleX(0)}#active:checked+.menu-btn:before{border-color:#fff;transform:rotate(45deg)}#active:checked+.menu-btn:after{border-color:#fff;transform:rotate(-45deg)}.wrapper .menu-list{display:flex;flex-direction:column;height:90%;left:50%;list-style:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.wrapper .menu-list li{height:10%;margin:15px auto}.wrapper .menu-list li a{border-radius:50px;color:#fff;font-size:20px;font-weight:400;line-height:50px;margin:5px 30px;opacity:0;padding:5px 10px;position:absolute;text-decoration:none;transition:all .3s ease;transition:transform .6s cubic-bezier(.215,.61,.355,1)}.wrapper .menu-list li a:hover{background-color:#eee;color:#aa14f0}input[type=checkbox]{display:none}#active:checked~.wrapper .menu-list li a{opacity:1}.wrapper .menu-list li a{transform:translateX(100px);transition:opacity 1.2s,transform 1.2s cubic-bezier(.215,.61,.355,1)}#active:checked~.wrapper .menu-list li a{transform:none;transform:translateX(-100px);transition-delay:.6s;transition-timing-function:ease,cubic-bezier(.1,1.3,.3,1)}#mobile-footer{bottom:0;margin:0;position:fixed;width:100%;z-index:5}#mobile-menu{background:#bc8cf2}#mobile-footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden}.mobile-link{padding-bottom:.75em;padding-top:.75em}.mobile-link a{color:#fff;font-size:16px;text-decoration:none}#mobile-footer-close{position:relative}#mobile-footer-btn{background-color:#959192;border:none;border-radius:50%;bottom:25px;color:#0000;cursor:pointer;height:30px;overflow:hidden;position:absolute;right:5px;text-indent:100%;white-space:nowrap;width:30px}#mobile-footer-btn:focus{outline:0}.mobile-btn-close span,.mobile-btn-close span:before{background-color:#fff;content:"";height:18px;position:absolute;right:calc(50% - 2.5px);top:calc(50% - 9px);transform:rotate(-90deg);transition:.3s ease-out;width:5px}.mobile-btn-close{transition:1s ease-out}.mobile-btn-close::focus{transition:1s ease-out}.mobile-btn-close span{transform:rotate(45deg)}.mobile-btn-close span:before{content:"";transform:rotate(-90deg)}.is-rotating{transform:rotate(135deg)}.is-rotating-back{transform:rotate(-90deg)}.mobile-menu-hide{animation:hideFooter 10s forwards}.mobile-menu-show{animation:showFooter 1s forwards}@keyframes hideFooter{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1000px)}}@keyframes showFooter{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}body{background-image:linear-gradient(90deg,#000 0,#000000dd 100%,#000000ab 0)}.App{height:100%;margin:0}.App,.title{text-align:center}.title{color:#fff6a9;font-family:Sacramento,cursive;font-size:calc(10px + 8vh);line-height:calc(20px + 20vh);padding-top:6rem;text-shadow:0 0 5px #aa14f0,0 0 15px #aa14f0,0 0 20px #aa14f0,0 0 40px #aa14f0,0 0 60px #ab12f2,0 0 10px #bc8cf2,0 0 98px #ab12f2;z-index:5}.title2{font-style:normal;font-weight:400}.description,.title2{font-family:Kaushan Script,cursive}.description{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(35deg,#ff4de1,#4dffc3);font-size:2rem;font-weight:300;margin-bottom:12rem;padding:0 3rem}.section-bubble1 .description{-webkit-text-fill-color:#000;background-clip:text;-webkit-background-clip:border-box;background-image:linear-gradient(35deg,#aa14f0,#aa14f0)}.section-bubble1{margin:0 0 20vw;position:relative}.section-bubble1:after{background:#0000;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23aa14f0%27 viewBox=%270 0 1185 248%27><circle cx=%2776%27 cy=%27121.1%27 r=%2720%27 class=%27a%27/><circle cx=%27870%27 cy=%27201.1%27 r=%2711%27 class=%27a%27/><circle cx=%27814.5%27 cy=%27165.6%27 r=%2724.5%27 class=%27a%27/><path d=%27M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z%27 class=%27a%27/></svg>");background-size:100%;border-top:1px solid #aa14f0;bottom:0;color:#000;content:"";height:20vw;position:absolute;transform:translateY(100%);width:100%}.section-bubble2{margin:0 0 20vw;position:relative}.section-bubble2:after{background-color:#aa14f0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1185 248%27><path d=%27M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z%27 fill=%27%23000000%27/></svg>");background-size:100%;border-top:1px solid #000;bottom:0;content:"";height:20vw;position:absolute;transform:translateY(100%);width:100%}@media screen and (max-width:799px){.description{font-size:1rem}}.about-section{--bgColor:#eee;grid-gap:3rem;align-content:center;display:grid;font-family:Jura,sans-serif;gap:3rem;margin:2rem auto;min-height:100vh;padding:2rem}.skill-title{-webkit-text-stroke:4px #0000;background:-webkit-linear-gradient(-86deg,#eee 5%,#aa14f0 53%,#bc8cf2 91%);background-clip:inherit;-webkit-background-clip:text;color:#232d2d;font-family:Intro,sans-serif;font-size:40px;font-weight:800;margin:0 auto;text-transform:uppercase}.skill{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(-91deg,#eee 5%,#eee 53%,#bc8cf2 91%);background-clip:inherit;-webkit-background-clip:text;font-family:Intro;font-size:22px;line-height:58px;text-transform:uppercase}.skill-section{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin-inline:auto;width:min(60rem,90%)}.skill-section li{align-items:flex-start;display:grid;grid-template:"icon" "line" "dot" "title" "descr" 1fr;justify-items:center;justify-self:center;max-width:12rem;text-align:center}.skill-section li .icon{--accent-color:#aa14f0;aspect-ratio:1;background:var(--accent-color);border:.4rem solid var(--bgColor);border-radius:50%;box-shadow:-.5rem .5rem 1rem #00000073,inset -.25rem .25rem .5rem #00000073;color:#fff;display:grid;font-size:2.5rem;grid-area:icon;margin:0 2.5rem;place-items:center;width:6rem}.skill-section li:before{border-right:2px dotted #eee;content:"";grid-area:line;height:2rem}.skill-section li:after{--accent-color:#aa14f0;aspect-ratio:1;background:var(--accent-color);border-radius:50%;content:"";grid-area:dot;justify-self:center;margin-bottom:.5rem;width:1rem}.skill-section li .title{font-size:1.3rem;font-weight:600;grid-area:title;margin-block:.5rem;text-align:center;text-transform:uppercase}.social-icons{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;margin:2rem auto;padding:0;width:100%}.social-icons .social-link{display:inline-block;font-size:1.5em;margin:.15em;position:relative}.social-icons .social-link i{color:#fff;left:30%;position:absolute;top:25%;transition:all 265ms ease-out}.social-icons ul li:before{content:"";grid-area:line;height:0}.social-icons a{display:inline-block}.social-icons a:before{background:linear-gradient(45deg,#bc8cf2,#aa14f0);border-radius:100%;content:" ";display:block;height:60px;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transition:all 265ms ease-out;width:60px}.social-icons a:hover:before{transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(45deg,#bc8cf2,#aa14f0);background-clip:inherit;-webkit-background-clip:text;color:#bc8cf2;transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);transition:all 265ms ease-in}@media screen and (max-width:699px){.skill-section li .icon{font-size:1.5rem;width:4rem}.skill-section li:after{--accent-color:#aa14f0;aspect-ratio:1;background:var(--accent-color);border-radius:50%;content:"";grid-area:dot;justify-self:center;margin-bottom:.25rem;width:.75rem}.skill{font-size:16px}.skill-section li:before{border-right:2px dotted #eee;content:"";grid-area:line;height:1rem}.about-section{padding:2rem 0}}.contact-container{align-items:center;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-items:center;margin:0;padding:4rem auto;position:static;width:100%}.contact-us{background:#eccafb;border:2px solid #000;box-shadow:15px 15px 1px #bc8cf2,15px 15px 1px 2px #000;margin-bottom:7rem;padding:50px 100px}.title{font-size:100px;line-height:normal;margin:0 auto;padding-top:7rem}.msg-box{align-items:center;display:flex;margin:1rem auto;width:auto}.msg{height:150px;margin:0;width:150px}.span{margin-top:6rem}input,textarea{background:#eccafb;border:none;border-bottom:5px solid #000;color:#000;display:block;font-family:Fjalla One;font-size:14pt;line-height:28pt;margin-bottom:28pt;min-width:250px;outline:none;padding-left:5px;width:100%}input:focus,textarea:focus{border-bottom:5px solid #bc8cf2}button{background:#bc8cf2;border:1px solid #000;box-shadow:3px 3px 1px 1px #aa14f0,3px 3px 1px 2px #000;color:#2a293e;cursor:pointer;display:block;font-family:Kaushan Script,cursive;font-size:1.5rem;font-weight:300;letter-spacing:2px;line-height:28pt;margin:0 auto;outline:none;padding:0 20px;transition:all .2s ease-in-out}button:hover{font-size:1.25rem}::selection{background:#aa14f0}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#2a293e;border-bottom:5px solid #aa14f0;-webkit-box-shadow:inset 0 0 0 1000px #f8f4e5;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}._social-links{background:#fafafa;border-radius:.5em 0 0 .5em;box-shadow:-4px 0 0 #aa14f0;padding:1em .5em 1em 1em;position:fixed;right:0;top:50%;transform:translatey(-50%);transition:all .3s ease}._social-links:hover{box-shadow:-8px 0 20px #aa14f0;padding:1em}._links-list{display:flex;flex-direction:column;gap:1em;list-style:none}._social-link a{color:#111;font-size:1.5rem;transition:all .2s ease}._social-link a:visited{color:#111}._social-link a:hover{color:#aa14f0;font-size:1.75rem}@media screen and (max-width:799px){.title{font-size:50px;line-height:normal}.contact-us{height:400px;width:400px}.msg{height:100px;width:100px}button img{width:30px}}a{color:inherit}.card-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:3rem auto;max-width:100%;padding:4rem;width:-webkit-max-content;width:max-content}.project-card{align-items:flex-start;-webkit-backdrop-filter:blur(2px) opacity(.5);backdrop-filter:blur(2px) opacity(.5);background-position:50%;background-size:cover;border:2px solid #ccc;border-radius:1em;box-shadow:0 0 5em -1em #000;color:#fff;display:flex;flex-direction:column;font-family:Heebo;font-size:1.5em;height:16em;justify-content:space-between;margin:2em;overflow:hidden;padding:1em;position:relative;text-decoration:none;transition:all,.5s;width:15em}.project-card:hover{transform:rotate(0)}.project-card h1{font-size:1.5em;line-height:1.2em;margin:0}.project-card p{font-family:Open Sans;font-size:.75em;line-height:2em;margin-top:.5em}.project-card .tags{display:flex;flex-wrap:wrap}.project-card .tags .tag{background:#ffffff80;border-radius:.3rem;font-size:.75em;line-height:1.5em;margin-bottom:.4em;margin-right:.5em;padding:0 .5em;transition:all,.5s}.project-card:hover .tags .tag{background:#aa14f0;color:#fff}.project-card .date{font-size:.75em;line-height:1em;opacity:.8;padding:1em;position:absolute;right:0;top:0}.project-card:after,.project-card:before{border-radius:50%;content:"";left:-50%;position:absolute;top:-50%;transform:scale(0);transform-origin:top left;transition:all,.5s;transition-timing-function:ease-in-out;z-index:-5}.project-card:before{background:#0000008a;height:250%;width:250%}.project-card:after{background:rgba(0,0,0,.652);height:200%;width:200%}.project-card:hover{color:#aa14f0}.project-card:hover:after,.project-card:hover:before{transform:scale(1)}@media screen and (max-width:899px){.project-card{height:10em;margin:12px;width:250px}.project-card .tags .tag{font-size:.55em}}.gallery{display:grid;margin:2rem auto 7rem;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gallery>.card{animation:slide 10s infinite;aspect-ratio:1;grid-area:1/1;object-fit:cover}.gallery>.card:last-child{animation-name:slide-last}.gallery>.card:nth-child(2){animation-delay:-3s}.gallery>.card:nth-child(3){animation-delay:-7s}@keyframes slide{0%{transform:translateX(0);z-index:2}16.66%{transform:translateX(120%);z-index:2}16.67%{transform:translateX(120%);z-index:1}33.34%{transform:translateX(0);z-index:1}66.33%{transform:translateX(0);z-index:1}66.34%{transform:translateX(0);z-index:2}to{transform:translateX(0);z-index:2}}@keyframes slide-last{0%{transform:translateX(0);z-index:2}16.66%{transform:translateX(120%);z-index:2}16.67%{transform:translateX(120%);z-index:1}33.34%{transform:translateX(0);z-index:1}83.33%{transform:translateX(0);z-index:1}83.34%{transform:translateX(0);z-index:2}to{transform:translateX(0);z-index:2}}.card{background-color:#020202e4;border-radius:15px;box-shadow:0 #0000000d,6px #0000000d,0 8px 15px #0000001a,0 0 0 1px hsla(0,0%,100%,.558);cursor:pointer;padding:56px 16px 16px;position:relative;transition:box-shadow .25s;width:20rem}@media screen and (max-width:599px){.card{width:100%}.grid{overflow:hidden;width:100px}}.card:before{background-color:initial;border-radius:15px;content:"";inset:0;position:absolute}.card .icon{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(35deg,#aa14f0,#bc8cf2);display:table;font-size:5rem;margin:1rem auto;padding:8px;z-index:4}.card .icon:after{background-color:rgba(4,4,4,.532);border:1px solid #10101096;border-radius:50%;content:"";inset:4.5px;position:absolute;transition:background-color .25s,border-color .25s}.card h4{color:#fff;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:2;margin:12px 0 4px}.card h4,.card p{position:relative;z-index:2}.card p{color:#a1a1aa;font-size:1rem;line-height:1.7;margin:0}.card .shine{border-radius:inherit;inset:0;opacity:0;overflow:hidden;position:absolute;transition:opacity .5s;z-index:1}.card .shine:before{background-image:conic-gradient(from 205deg at 50% 50%,#bc8cf2 0deg,#aa14f0 25deg,#bc8cf2 295deg,#bc8cf2 1turn);border-radius:50%;bottom:55%;content:"";filter:blur(35px);left:50%;opacity:.1;padding-bottom:150%;position:absolute;transform:translateX(-50%);width:150%}.card .background{border-radius:inherit;inset:0;-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,#0000 60%);overflow:hidden;position:absolute}.card .background .tiles{opacity:0;transition:opacity .25s}.card .background .tiles .tile{animation-duration:8s;animation-iteration-count:infinite;background-color:#a65bc8;opacity:0;position:absolute}.card .background .tiles .tile.tile-10,.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6{animation-delay:-2s}.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8{animation-delay:-4s}.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9{animation-delay:-6s}.card .background .tiles .tile.tile-1{height:10%;left:0;top:0;width:22.5%}.card .background .tiles .tile.tile-2{height:10%;left:22.5%;top:0;width:27.5%}.card .background .tiles .tile.tile-3{height:10%;left:50%;top:0;width:27.5%}.card .background .tiles .tile.tile-4{height:10%;left:77.5%;top:0;width:22.5%}.card .background .tiles .tile.tile-5{height:22.5%;left:0;top:10%;width:22.5%}.card .background .tiles .tile.tile-6{height:22.5%;left:22.5%;top:10%;width:27.5%}.card .background .tiles .tile.tile-7{height:22.5%;left:50%;top:10%;width:27.5%}.card .background .tiles .tile.tile-8{height:22.5%;left:77.5%;top:10%;width:22.5%}.card .background .tiles .tile.tile-9{height:22.5%;left:50%;top:32.5%;width:27.5%}.card .background .tiles .tile.tile-10{height:22.5%;left:77.5%;top:32.5%;width:22.5%}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .background .line{inset:0;opacity:0;position:absolute;transition:opacity .35s}.card .background .line:after,.card .background .line:before{background-color:#2a2b2c;content:"";position:absolute;transition:transform .35s}.card .background .line:before{height:1px;left:0;right:0;transform:scaleX(0);transform-origin:0 50%}.card .background .line:after{bottom:0;top:0;transform:scaleY(0);transform-origin:50% 0;width:1px}.card .background .line.line-1:before{top:10%}.card .background .line.line-1:after{left:22.5%}.card .background .line.line-1:after,.card .background .line.line-1:before{transition-delay:.3s}.card .background .line.line-2:before{top:32.5%}.card .background .line.line-2:after{left:50%}.card .background .line.line-2:after,.card .background .line.line-2:before{transition-delay:.15s}.card .background .line.line-3:before{top:55%}.card .background .line.line-3:after{right:22.5%}.card:hover{box-shadow:0 3px 6px 5px,0 15px 25px #0000004d,0 0 0 1px #fff3}.card:hover .icon:after{background-color:#000000a7;border-color:#a158c3}.card:hover .icon{color:#fff}.card:hover .shine{opacity:1;transition-delay:0s;transition-duration:.5s}.card:hover .background .tiles{opacity:1;transition-delay:.25s}.card:hover .background .tiles .tile{animation-name:tile}.card:hover .background .line{opacity:1;transition-duration:.15s}.card:hover .background .line:before{transform:scaleX(1)}.card:hover .background .line:after{transform:scaleY(1)}.card:hover .background .line.line-1:after,.card:hover .background .line.line-1:before{transition-delay:0s}.card:hover .background .line.line-2:after,.card:hover .background .line.line-2:before{transition-delay:.15s}.card:hover .background .line.line-3:after,.card:hover .background .line.line-3:before{transition-delay:.3s}
/*# sourceMappingURL=main.f3491b46.css.map*/