body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.intro{align-items:center;color:#bbb;display:flex;flex-direction:row;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0 100px;width:100%}.intro .magic{height:15vw;margin-left:5vw;position:relative;width:15vw}.intro .magic span{height:100%;left:0;position:absolute;top:0;-webkit-transform:rotate(calc(36deg*var(--i)));transform:rotate(calc(36deg*var(--i)));width:100%}.intro .magic span:before{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;-webkit-animation-delay:calc(-.25s*var(--i));animation-delay:calc(-.25s*var(--i));background:transparent;border:3px solid #0ef;border-radius:50%;box-shadow:0 0 20px #0ef,-30px -30px 0 #0ef,-30px -30px 20px #0ef,30px 30px 0 #0ef,30px 30px 20px #0ef,30px -30px 0 #0ef,30px -30px 20px #0ef,-30px 30px 0 #0ef,-30px 30px 20px #0ef;box-sizing:border-box;content:"";height:20px;left:0;position:absolute;top:0;-webkit-transform-origin:20px;transform-origin:20px;transition:2s;width:20px}.intro .magic:hover span:before{box-shadow:0 0 20px #0ef,-200px -200px 0 #0ef,-200px -200px 20px #0ef,200px 200px 0 #0ef,200px 200px 20px #0ef,200px -200px 0 #0ef,200px -200px 20px #0ef,-200px 200px 0 #0ef,-200px 200px 20px #0ef;height:0;-webkit-transform-origin:250px;transform-origin:250px;width:0}@media screen and (max-width:1080px){.intro .magic{height:20vw;margin:100px auto 200px;width:25vw}}@media screen and (max-width:768px){.intro .magic{display:none}}.intro .content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:120px 0 0 10vw;position:relative;width:60vw}.intro .content h2{font-size:clamp(4rem,5vw,8rem)}@media screen and (max-width:1080px){.intro .content h2{margin-bottom:2rem}}@media screen and (max-width:768px){.intro .content h2{font-size:3rem;margin-bottom:0}}@media screen and (max-width:480px){.intro .content h2{font-size:2.5rem;margin-top:2rem}}.intro .content h3{color:#0ef;font-size:clamp(1.1rem,8vw,2.2rem);margin-bottom:3rem;text-transform:uppercase}@media screen and (max-width:768px){.intro .content h3{font-size:1.7rem}}.intro .content p{color:hsla(0,0%,100%,.8);font-size:clamp(1.1rem,8vw,1.2rem);letter-spacing:3px;line-height:2rem;width:60vw}@media (max-width:1080px){.intro .content p{width:100%}}@media screen and (max-width:480px){.intro .content p{font-size:1rem}}.intro .content em{color:#0ef}@media (max-width:1080px){.intro .content{margin:0 auto;width:100%}}@media screen and (max-width:480px){.intro .content{margin:1rem 0}}@-webkit-keyframes animate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:1080px){.intro{flex-direction:column;min-height:auto;min-height:100vh;padding-top:150px}}@media screen and (max-width:768px){.intro{padding-bottom:30px}}@media screen and (max-width:480px){.intro{padding:120px 2rem 1rem}}.project{color:#fff;padding:0 200px;width:100%;z-index:10}.project .content{align-items:flex-end;background:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 0 5px 5px #6401474d;display:flex;-webkit-filter:hue-rotate(90deg) brightness(70%) grayscale(50%);filter:hue-rotate(90deg) brightness(70%) grayscale(50%);flex-direction:column;justify-content:center;min-height:60vh;min-width:80vw;padding:20px;position:relative;transition:all .2s ease-in-out}.project .content:hover{-webkit-filter:none;filter:none}.project .content .title{font-size:clamp(1.5rem,3rem,4rem);margin-bottom:2rem;text-align:right}.project .content .description{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.project .content img{border-radius:1px;height:20vw;left:-4vw;max-width:40vw;min-width:250px;object-fit:cover;position:absolute;top:13vh}@media only screen and (max-width:1080px){.project .content img{left:-3vw;max-width:40vw;top:5vh}}@media screen and (max-width:768px){.project .content img{top:3vh}}.project .content p{font-size:clamp(1.2rem,1.3rem,1.4rem);right:1rem;text-align:right;top:200px;width:450px}@media only screen and (max-width:1080px){.project .content p{width:390px}}@media screen and (max-width:768px){.project .content p{font-size:1rem;width:300px}}.project .content .tech{align-items:center;border-top:1px solid hsla(0,0%,100%,.6);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;line-height:2rem;margin-block:1rem}.project .content .tech li{color:hsla(0,0%,100%,.6);font-size:clamp(.6rem,1rem,1.1rem);font-weight:700;list-style:none;margin-left:10px}@media only screen and (max-width:1080px){.project .content .tech{padding-top:20px}}@media screen and (max-width:768px){.project .content .tech{font-size:1rem}}.project .content .links{align-items:center;display:flex;font-size:clamp(1.2rem,1.6rem,2rem);justify-content:flex-end}.project .content .links a{color:#fff;margin:.6rem}.project .content .links a:hover{color:cyan}@media only screen and (max-width:1080px){.project .content{-webkit-filter:none;filter:none;min-height:30vh}.project{padding:0 50px}}@media screen and (max-width:480px){.project .content{width:90vw}.project .content,.project .content .description{align-items:center;flex-direction:column;justify-content:center}.project .content .description img{box-shadow:none;height:37vw;left:0;position:relative;top:-1rem}.project .content .description p{text-align:center}.project .content .tech{justify-content:center;margin:1rem auto;width:80%}.project .content .links{text-align:right}}.myProjects{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;min-height:100vh;overflow:hidden;padding:0 50px;position:relative;width:100%}.myProjects:before{background:linear-gradient(to left bottom,#f9a9fc,#998ceb);height:400px;-webkit-transform:translate(20vw,-15vh);transform:translate(20vw,-15vh);width:400px}.myProjects:after,.myProjects:before{border-radius:50%;content:"";position:absolute}.myProjects:after{background:linear-gradient(to right bottom,#eb978c,#8590ee);height:500px;-webkit-transform:translate(-20vw,50vh);transform:translate(-20vw,50vh);width:500px}@media only screen and (max-width:1080px){.myProjects:after{-webkit-transform:translate(-20vw,25vh);transform:translate(-20vw,25vh)}}@media screen and (max-width:480px){.myProjects:after{height:250px;width:250px}}.myProjects .projects{align-items:center;display:flex;flex-direction:column;justify-content:center}.myProjects .code{font-family:Source Code Pro,monospace;font-size:clamp(1.2rem,2rem,3rem);padding:2rem;text-align:left;width:100%}@media screen and (max-width:1080px){.myProjects .code{padding:0}}@media screen and (max-width:768px){.myProjects .code{font-size:1.2rem}}.skills{align-items:center;display:flex;font-size:clamp(2rem,2.5vw,3rem);justify-content:space-evenly;margin:100px auto;width:100%}.skills .icon{color:cyan}.skills .icon:hover{-webkit-animation:multicolor 3s linear infinite;animation:multicolor 3s linear infinite}@-webkit-keyframes multicolor{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes multicolor{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@media screen and (max-width:768px){.skills{margin:50px auto}}.about{color:#fff;display:flex;flex-direction:column;height:auto;padding:0 100px 15px;position:relative;width:100%}.about .description{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:3rem}.about .description p{color:hsla(0,0%,100%,.8);font-size:clamp(1.3rem,1.5rem,1.8rem);letter-spacing:3px;padding-right:4rem;width:50vw}.about .description p em{color:#0ef}@media screen and (max-width:1080px){.about .description p{padding-right:50px;width:80vw}}@media screen and (max-width:480px){.about .description p{font-size:1rem;padding:0;width:auto}}@media screen and (max-width:1080px){.about .description{flex-direction:column-reverse}}@media screen and (max-width:480px){.about .description{margin:0 auto}}.about .code{font-family:Source Code Pro,monospace;font-size:clamp(1.2rem,2rem,3rem);padding:1rem 0;text-align:left;width:100%}@media screen and (max-width:768px){.about .code{font-size:1.2rem}}@media (max-width:1080px){.about{padding:0 50px 15px}}@media screen and (max-width:480px){.about{padding:0 2rem 1rem}}.animation .body,.animation .hair{-webkit-animation:move 3s linear infinite alternate;animation:move 3s linear infinite alternate;transform-box:fill-box;-webkit-transform-origin:bottom;transform-origin:bottom}.animation .hand{-webkit-animation:wave 3s linear infinite alternate;animation:wave 3s linear infinite alternate;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes move{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes move{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media screen and (max-width:1080px){.animation svg{height:30vh;padding-bottom:50px;width:70vw}}.scrollToTop{display:none}@media screen and (max-width:480px){.scrollToTop{bottom:0;color:#0ef;display:block;height:50px;padding-bottom:1rem;position:absolute;right:20px;width:50px}}.testimonials{align-items:center;color:hsla(0,0%,100%,.5);display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto 1.2rem;width:70%}.testimonials .testimonial p{color:hsla(0,0%,100%,.7);font-size:clamp(1.3rem,1.5rem,1.8rem);padding-bottom:1.5rem;text-align:center}@media screen and (max-width:768px){.testimonials .testimonial p{font-size:1.5rem}}@media screen and (max-width:480px){.testimonials .testimonial p{font-size:1.2rem}}.testimonials .testimonial span{font-size:clamp(1rem,1.5rem,2rem);font-weight:700;margin-top:10rem}.testimonials .decor{color:#350933;font-family:Passions Conflict,cursive;font-size:clamp(2rem,3rem,4rem);margin:2rem}.testimonials .carousel-root{width:70vw}@media screen and (max-width:480px){.testimonials .carousel-root{width:90vw}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.header-container{align-items:center;background-color:var(--transparency);box-shadow:0 10px 30px -10px #121212a9;display:flex;height:100px;justify-content:space-between;opacity:var(--opacity);padding:0 1.2rem;position:fixed;transition:all .1s ease-in-out;width:100%;z-index:11}.header-container .logo{cursor:pointer}.header-container nav{align-items:center;display:flex;justify-content:space-around;width:40vw}.header-container nav a{color:hsla(0,0%,100%,.8);cursor:pointer;font-size:clamp(1.2rem,1.3rem,1.5rem);text-decoration:none}.header-container nav a:hover{color:#0ef}.header-container nav .resume{background-color:#fff;cursor:pointer;display:inline-block;height:60px;margin:20px;position:relative;width:160px}.header-container nav .resume:after,.header-container nav .resume:before{background:linear-gradient(45deg,#0ef,#350933,#350933,#d400d4);content:"";position:absolute;transition:.5s}.header-container nav .resume:hover:before{inset:-3px}.header-container nav .resume:hover:after{-webkit-filter:blur(10px);filter:blur(10px);inset:-3px}.header-container nav .resume span{align-items:center;background-color:#350933;border:1px solid #040a29;color:#fff;display:inline-block;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;letter-spacing:2px;overflow:hidden;position:absolute;text-transform:uppercase;top:0;width:100%;z-index:10}.header-container nav .resume span:before{background-color:hsla(0,0%,100%,.075);content:"";-webkit-filter:blur(3px);filter:blur(3px);height:100%;left:-50%;position:absolute;top:0;-webkit-transform:skew(45deg);transform:skew(45deg);transition:all .5s ease-in-out;width:100%}.header-container nav .resume span:hover:before{-webkit-transform:skew(-45deg);transform:skew(-45deg)}@media screen and (max-width:1080px){.header-container nav{width:60vw}}@media screen and (max-width:768px){.header-container nav{width:70vw}}@media screen and (max-width:576px){.header-container nav{flex-wrap:wrap;width:55vw}.header-container nav a{display:none}}@media screen and (max-width:480px){.header-container nav{background-color:transparent;opacity:1;width:40vw}.header-container{background-color:transparent;opacity:1;position:-webkit-sticky;position:sticky}}.socials{bottom:0;left:auto;margin-bottom:2rem;position:fixed;right:40px;width:40px;z-index:10}.socials ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.socials ul li{color:#0ef;margin-bottom:2rem}.socials ul li a{-webkit-text-decoration-skip:ink;color:inherit;display:inline-block;position:relative;text-decoration:none;text-decoration-skip-ink:auto}.socials ul li a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.socials ul li a .icon{height:20px;width:20px}.socials:after{background-color:#0ef;content:"";display:block;height:60px;margin:0 auto;width:1px}@media screen and (max-width:768px){.socials{right:20px}}@media screen and (max-width:480px){.socials{display:none}}
/*# sourceMappingURL=main.fbea82a7.css.map*/