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}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;-webkit-transform-origin:center right;transform-origin:center right;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:11px}.c-scrollbar:hover{-webkit-transform:scaleX(1.45);transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{-webkit-transform:scaleY(1.3);transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:rgba(34,34,34,.667);color:revert}:root{--page-padding-x:1.5rem;font-size:60%}body{background-color:#10101a;color:#fff;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;min-height:100vh;overflow-x:hidden}h1,h2{font-weight:700}h3,h4,h5,h6{font-weight:500}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{color:#f5f5f5}a{all:unset;color:inherit}.btn,a{cursor:pointer}.btn{align-items:center;display:inline-flex;font-family:Tw Cen MT Condensed Font,Courier New,Courier,monospace;text-transform:uppercase}.btn.btn-primary{border:1px solid #ecf0f1;border-radius:.125rem;padding:.75rem 2rem;transition-duration:.5s;transition-property:background-color transform}.btn.btn-primary:hover{background-color:#1d1e29;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.btn.btn-secondary{flex-direction:column;position:relative}.btn.btn-secondary:after{background-color:#ecf0f1;border-radius:999px;content:"";display:block;height:.25rem;left:50%;position:absolute;top:100%;-webkit-transform:translate(-50%,.25rem);transform:translate(-50%,.25rem);transition:width .5s;width:40%}.btn.btn-secondary:hover:after{width:100%}.App{min-height:100vh;overflow-x:hidden;padding-bottom:10rem}.App .container{border-bottom:1px solid #1d1e29;overflow:hidden;padding-bottom:8rem;position:relative}.App .container>section{display:flex;flex-direction:column;padding-inline:1.5rem;padding-inline:var(--page-padding-x)}.App .container>section:not(section#intro){margin-bottom:2rem;padding-top:9rem;row-gap:4.875rem}.App .container>section p{font-family:Lora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.App .container>section header h2{align-items:center;display:inline-flex;gap:1rem}.App .container>section header h2 span:nth-child(2){align-items:center;display:inline-flex;height:2.25rem;width:2.25rem}.App .container>section header h2 span:nth-child(2) svg{height:100%;width:100%}.App .container>section#intro{padding-block:5rem}.App .container .dots{background-size:100% auto;height:100%;margin:0!important;opacity:.2;padding:0!important;pointer-events:none;position:absolute;top:5px;top:auto;width:100%;z-index:-1}.App #site-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(hsla(0,0%,73%,.067) 1px,#10101a88 0);background-size:4px 4px;border-bottom:2px solid #1d1e29;border-radius:0 0 .5rem .5rem;display:flex;justify-content:space-between;padding:1rem 0 1rem 1.5rem;padding:1rem 0 1rem var(--page-padding-x);position:relative;z-index:200}.App #site-header .icon{height:2.25rem}.App #site-header .icon svg{height:100%;width:auto}.App #site-header .wrapper{background-color:#1d1e29;border-radius:.5rem 0 0 .5rem;padding:1.5rem;padding:1.5rem var(--page-padding-x);position:relative}.App #site-header .wrapper,.App #site-header .wrapper *{transition:all .5s}.App #site-header .wrapper .box{align-items:center;display:flex;gap:1rem;justify-content:center;width:10rem}.App #site-header .wrapper .box:before{content:"MENU";display:block;font-weight:700}.App #site-header .wrapper .box .hamburger{display:inline-flex;flex-direction:column;height:2.5rem;justify-content:space-between;width:4rem}.App #site-header .wrapper .box .hamburger span{background-color:#d9d9d9;border-radius:999px;display:block;height:3px;transition-duration:.1s .5s;transition-property:opacity transform}.App #site-header .wrapper .box .hamburger span:nth-child(2){width:80%}.App #site-header .wrapper .menu{background-color:inherit;border-radius:0 0 0 .5rem;bottom:0;left:100%;opacity:0;padding:1rem 0;position:absolute;translate:0 100%;width:100%}.App #site-header .wrapper .menu ul{display:inline-flex;flex-direction:column;row-gap:2rem;width:100%}.App #site-header .wrapper .menu ul li{cursor:pointer;list-style:none;padding:.625rem 0;text-align:center;width:100%}.App #site-header .wrapper .menu ul li.active{background-color:#ffffff0d;border-left:2px solid #d9d9d9;pointer-events:none}.App section#intro{gap:5rem}.App section#intro h1 .text-container{overflow:hidden;position:relative;width:40rem}.App section#intro h1 .text-container video{height:auto;width:100%}.App section#intro h1 .text-container svg{left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.App section#intro h1 .text-container span{color:hsla(0,0%,100%,0);display:none;left:1.5rem;text-transform:lowercase;top:1.5rem;visibility:hidden}.App section#intro .buttons{align-items:center;display:inline-flex;gap:3.5rem}.App section#intro .wave{overflow:hidden;pointer-events:none;position:absolute;right:0;top:10rem;width:35vw}.App section#intro .wave:after{content:"";display:block;padding-bottom:200%;width:100%}.App section#intro .wave svg{height:auto;width:200%}.App section#projects .projects{display:flex;flex-direction:column;gap:8.25rem}.App section#projects .projects .project{align-items:center;display:flex;flex-wrap:nowrap;gap:3.5rem}.App section#projects .projects .project:first-child>.image>.overlay{background-color:#d1317f}.App section#projects .projects .project:nth-child(2)>.image>.overlay{background-color:#9055a2}.App section#projects .projects .project:nth-child(3)>.image>.overlay{background-color:#426b69}.App section#projects .projects .project:nth-child(2n){flex-direction:row-reverse}.App section#projects .projects .project .image{overflow-clip-margin:content-box;background-color:#1d1e29;border:.381452px solid #cfcfcf;border-radius:3rem;display:inline-flex;flex-basis:66.7%;-webkit-overflow:clip;overflow:clip;padding:1.5rem;position:relative}.App section#projects .projects .project .image picture{border-radius:1.5rem;height:400px;overflow:hidden;width:100%}.App section#projects .projects .project .image canvas{width:100%!important}.App section#projects .projects .project .image img{width:100%}.App section#projects .projects .project .image .overlay{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;height:100%;justify-content:center;left:0;opacity:0;padding:inherit;pointer-events:none;position:absolute;top:0;transition:opacity .5s;-webkit-user-select:none;user-select:none;width:100%}.App section#projects .projects .project .image .overlay span:first-child{font-size:2rem}.App section#projects .projects .project .image .overlay span:nth-child(2){display:inline-flex;gap:1.25rem}.App section#projects .projects .project .image .overlay span:nth-child(2) p{font-family:Tw Cen MT Condensed Font,Courier New,Courier,monospace!important;font-size:1.5rem;font-weight:300}.App section#projects .projects .project .caption{display:inline-flex;flex-basis:33.3%;flex-direction:column;font-size:1rem;gap:2.25rem}.App section#projects .projects .project .caption .desc{display:inline-flex;flex-direction:column;gap:1rem}.App section#projects .projects .project .caption .buttons{align-items:center;display:flex;gap:2.5rem}.App section#projects .projects .project .caption .buttons .btn:after{height:.125rem}.App section#skills .wrapper{display:flex;flex-direction:column}.App section#skills .skills-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem}.App section#skills .skills-container .break{display:block;width:100%}.App section#skills .skills-container div.skill{align-items:center;display:inline-flex;height:4rem}.App section#skills .skills-container div.skill span{--timer:40s;-webkit-animation-duration:var(--timer);animation-duration:var(--timer);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;display:inline-flex;height:2rem}.App section#skills .skills-container div.skill span svg{height:100%;width:auto}.App section#skills .skills-container div.skill:first-child span{-webkit-animation-delay:calc(var(--timer)/10*0);animation-delay:calc(var(--timer)/10*0)}.App section#skills .skills-container div.skill:nth-child(2) span{-webkit-animation-delay:calc(var(--timer)/10*1);animation-delay:calc(var(--timer)/10*1)}.App section#skills .skills-container div.skill:nth-child(3) span{-webkit-animation-delay:calc(var(--timer)/10*2);animation-delay:calc(var(--timer)/10*2)}.App section#skills .skills-container div.skill:nth-child(4) span{-webkit-animation-delay:calc(var(--timer)/10*3);animation-delay:calc(var(--timer)/10*3)}.App section#skills .skills-container div.skill:nth-child(5) span{-webkit-animation-delay:calc(var(--timer)/10*4);animation-delay:calc(var(--timer)/10*4)}.App section#skills .skills-container div.skill:nth-child(6) span{-webkit-animation-delay:calc(var(--timer)/10*5);animation-delay:calc(var(--timer)/10*5)}.App section#skills .skills-container div.skill:nth-child(7) span{-webkit-animation-delay:calc(var(--timer)/10*6);animation-delay:calc(var(--timer)/10*6)}.App section#skills .skills-container div.skill:nth-child(9) span{-webkit-animation-delay:calc(var(--timer)/10*7);animation-delay:calc(var(--timer)/10*7)}.App section#skills .skills-container div.skill:nth-child(10) span{-webkit-animation-delay:calc(var(--timer)/10*8);animation-delay:calc(var(--timer)/10*8)}.App section#skills .skills-container div.skill:nth-child(11) span{-webkit-animation-delay:calc(var(--timer)/10*9);animation-delay:calc(var(--timer)/10*9)}.App section#about .wrapper{align-items:flex-end;display:flex;gap:2rem;line-height:3rem}.App section#about .wrapper .profile{--angle:0deg;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;border:5px solid;border-image-slice:1;border-image:linear-gradient(var(--angle),#743ad5,#d53a9d,#426b69,#d09c15) 1;display:inline-flex}.App section#about .wrapper .profile img{float:left;vertical-align:bottom;width:20rem}.App section#contact{margin-bottom:0!important}.App section#contact p>span{font-weight:600;letter-spacing:2px}.App section#contact .wrapper{display:flex;flex-direction:column;gap:3.75rem}.App section#contact .wrapper .socials{display:flex;flex-direction:column;gap:2.5rem}.App section#contact .wrapper .socials h4{gap:1rem}.App section#contact .wrapper .socials h4,.App section#contact .wrapper .socials h4 span{align-items:center;display:flex}.App section#contact .wrapper .socials div{display:inline-flex;gap:1.5rem}.App section#contact .wrapper .socials div a>span{gap:.5rem}.App section#contact .wrapper .socials div a>span,.App section#contact .wrapper .socials div a>span>span:nth-child(2){align-items:center;display:inline-flex}.App section#contact .wrapper .socials div a>span>span:first-child{font-family:Tw Cen MT Condensed Font}.App.menu_open #site-header .wrapper{border-radius:.5rem 0 0}.App.menu_open #site-header .wrapper .box{width:20rem}.App.menu_open #site-header .wrapper .box:before{overflow:hidden;width:0}.App.menu_open #site-header .wrapper .box .hamburger{justify-content:center}.App.menu_open #site-header .wrapper .box .hamburger span{-webkit-transform-origin:center;transform-origin:center}.App.menu_open #site-header .wrapper .box .hamburger span:first-child{-webkit-transform:rotate(45deg) translateY(100%);transform:rotate(45deg) translateY(100%)}.App.menu_open #site-header .wrapper .box .hamburger span:nth-child(2){opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.App.menu_open #site-header .wrapper .box .hamburger span:nth-child(3){-webkit-transform:rotate(-45deg) translateY(-100%);transform:rotate(-45deg) translateY(-100%)}.App.menu_open #site-header .wrapper .menu{left:0;opacity:1}@-webkit-keyframes grow{0%,10%,to{height:2rem}5%{height:4rem}}@keyframes grow{0%,10%,to{height:2rem}5%{height:4rem}}@media screen and (max-width:500px){.App #site-header .wrapper .menu{align-items:center;display:flex;left:100%;opacity:0;top:0;translate:none}.App .container{padding-bottom:3rem}.App .container>section:not(section#intro){gap:1rem;margin-bottom:5rem;padding-top:2rem;text-align:center}.App section#projects .projects .project{flex-direction:column!important}.App section#projects .projects .project .caption,.App section#projects .projects .project .image{flex-basis:100%;width:90%}.App section#projects .projects .project .caption{font-size:1.5rem}.App section#projects .projects .project .caption .buttons{justify-content:space-between}.App section#skills .wrapper{gap:2rem}.App section#skills .skills-container{gap:1rem .5rem}.App section#skills .skills-container .break{display:none}.App section#skills .skills-container div.skill{background:#1d1e29;border-radius:100rem;box-shadow:0 0 1px #f5f5f5;padding:0 2rem 0 1rem}.App section#about .wrapper{align-items:center;flex-direction:column}.App section#contact .wrapper .socials span>svg{width:2rem}.App section#contact .wrapper .socials div{font-size:1.75rem;justify-content:space-between}.App.menu_open{height:50vh;overflow:hidden}.App.menu_open #site-header .wrapper{height:100vh;left:0;position:fixed;top:0;width:100vw}.App.menu_open #site-header .wrapper .box{padding:1rem;width:100%}.App.menu_open #site-header .wrapper .menu{bottom:0;height:100%;left:0;position:static;-webkit-transform:none;transform:none}}@media screen and (min-width:1024px){:root{font-size:90%}.App section#skills .skills-container div.skill span{-webkit-animation-name:grow;animation-name:grow}}@media screen and (min-width:1440px){:root{--page-padding-x:6.25rem;font-size:100%}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@-webkit-keyframes rotate{to{--angle:360deg}}@keyframes rotate{to{--angle:360deg}}.pointer_pointer__0shSu{border-radius:50%;height:100px;left:0;pointer-events:none;position:fixed;rotate:0deg;scale:1;top:0;translate:-50% -50%;-webkit-user-select:none;user-select:none;width:100px;z-index:999}.pointer_pointer__0shSu img{-webkit-animation:pointer_spin__uJjks 10s linear infinite;animation:pointer_spin__uJjks 10s linear infinite;height:100%;object-fit:cover;width:100%}@-webkit-keyframes pointer_spin__uJjks{0%{rotate:0deg}to{rotate:1turn}}@keyframes pointer_spin__uJjks{0%{rotate:0deg}to{rotate:1turn}}@media screen and (max-width:1023.9px){.pointer_pointer__0shSu{display:none!important;visibility:hidden!important}}@property --a{syntax:"<percentage>";inherits:false;initial-value:0}@property --b{syntax:"<percentage>";inherits:false;initial-value:50%}.loader_loader__UFEM6{-webkit-animation:loader_background__vzOMs 3s forwards;animation:loader_background__vzOMs 3s forwards;background-color:#10101a;background-image:radial-gradient(circle,#10101a 0,#10101a var(--a),rgba(66,107,105,.8) var(--b),rgba(144,85,162,.8) 100%);color:#d1317f;display:flex;height:100vh;left:0;place-content:center;place-items:center;position:fixed;top:0;width:100vw;z-index:999999}.loader_loader__UFEM6.loader_loaded__u\+1vr{display:none}.loader_loader__UFEM6 .loader_container__7oqoV{position:relative}.loader_loader__UFEM6 .loader_container__7oqoV .loader_spinner__1djr2{-webkit-animation:loader_rotate__9U72F 5s 3s infinite alternate;animation:loader_rotate__9U72F 5s 3s infinite alternate;padding:50px}.loader_loader__UFEM6 .loader_container__7oqoV .loader_spinner__1djr2 .loader_round__chPOC{aspect-ratio:1/1;background:#f5f5f5;border-radius:50%;display:flex;place-content:center;place-items:center;position:relative;width:15px}.loader_loader__UFEM6 .loader_container__7oqoV .loader_spinner__1djr2 .loader_round__chPOC .loader_ellipse__W7gLZ{position:absolute}.loader_loader__UFEM6 .loader_container__7oqoV .loader_spinner__1djr2 .loader_round__chPOC .loader_ellipse__W7gLZ:after{-webkit-animation:loader_displace__Nd1JO 5s 3s infinite alternate;animation:loader_displace__Nd1JO 5s 3s infinite alternate;background:#d1317f;border-radius:50%;content:"";display:block;height:15px;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:5px}.loader_loader__UFEM6 .loader_container__7oqoV p{left:50%;position:absolute;text-align:center;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes loader_rotate__9U72F{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@keyframes loader_rotate__9U72F{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@-webkit-keyframes loader_displace__Nd1JO{0%{height:15px;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:5px}10%{-webkit-transform:translateY(-20px);transform:translateY(-20px);width:5px}60%{height:10px;-webkit-transform:translateY(-40px);transform:translateY(-40px);width:10px}to{height:10px;-webkit-transform:translateY(-45px);transform:translateY(-45px);width:10px}}@keyframes loader_displace__Nd1JO{0%{height:15px;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:5px}10%{-webkit-transform:translateY(-20px);transform:translateY(-20px);width:5px}60%{height:10px;-webkit-transform:translateY(-40px);transform:translateY(-40px);width:10px}to{height:10px;-webkit-transform:translateY(-45px);transform:translateY(-45px);width:10px}}@-webkit-keyframes loader_background__vzOMs{0%{--a:0%;--b:50%}80%{--a:90%;--b:100%}to{--a:80%;--b:90%}}@keyframes loader_background__vzOMs{0%{--a:0%;--b:50%}80%{--a:90%;--b:100%}to{--a:80%;--b:90%}}
/*# sourceMappingURL=main.92df4398.css.map*/