@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";@import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800";@import "https://fonts.googleapis.com/css?family=Merriweather:400,300,400italic,300italic,700,700italic";@import "https://fonts.googleapis.com/css?family=Nunito:400,300,700";@import "https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";.social-button__root{justify-content:center;display:flex;position:relative}.social-button__label{opacity:0;text-shadow:0 0 20px #fff,0 0 40px #fff,0 0 60px #fff,0 0 80px #fff,0 0 100px #fff,0 0 120px #fff,0 0 140px #fff,0 0 160px #fff;align-self:flex-end;font-size:large;transition:all .5s ease-in-out;position:absolute;transform:translateY(-1em)}.social-button__label.youtube{text-shadow:0 0 20px #ff4d4d,0 0 40px #ff4d4d,0 0 60px #ff4d4d,0 0 80px #ff4d4d,0 0 100px #ff4d4d,0 0 120px #ff4d4d,0 0 140px #ff4d4d,0 0 160px #ff4d4d}.social-button__label.facebook-f{text-shadow:0 0 20px #4d94ff,0 0 40px #4d94ff,0 0 60px #4d94ff,0 0 80px #4d94ff,0 0 100px #4d94ff,0 0 120px #4d94ff,0 0 140px #4d94ff,0 0 160px #4d94ff}.social-button__label.twitter{text-shadow:0 0 20px #4dccff,0 0 40px #4dccff,0 0 60px #4dccff,0 0 80px #4dccff,0 0 100px #4dccff,0 0 120px #4dccff,0 0 140px #4dccff,0 0 160px #4dccff}.social-button__label.instagram{text-shadow:0 0 20px #fc4dff,0 0 40px #fc4dff,0 0 60px #fc4dff,0 0 80px #fc4dff,0 0 100px #fc4dff,0 0 120px #fc4dff,0 0 140px #fc4dff,0 0 160px #fc4dff}.social-button__label.linkedin-in{text-shadow:0 0 20px #4dacff,0 0 40px #4dacff,0 0 60px #4dacff,0 0 80px #4dacff,0 0 100px #4dacff,0 0 120px #4dacff,0 0 140px #4dacff,0 0 160px #4dacff}.social-button__label.github{text-shadow:0 0 20px #a1aaaa,0 0 40px #a1aaaa,0 0 60px #a1aaaa,0 0 80px #a1aaaa,0 0 100px #a1aaaa,0 0 120px #a1aaaa,0 0 140px #a1aaaa,0 0 160px #a1aaaa}.social-button__label.twitch{text-shadow:0 0 20px #a06bef,0 0 40px #a06bef,0 0 60px #a06bef,0 0 80px #a06bef,0 0 100px #a06bef,0 0 120px #a06bef,0 0 140px #a06bef,0 0 160px #a06bef}.social-button__label.google{text-shadow:0 0 20px #f93333,0 0 40px #f93333,0 0 60px #f93333,0 0 80px #f93333,0 0 100px #f93333,0 0 120px #f93333,0 0 140px #f93333,0 0 160px #f93333}.social-button__label.pinterest,.social-button__label.bitbucket,.social-button__label.deviantart{text-shadow:0 0 20px #ff4d4d,0 0 40px #ff4d4d,0 0 60px #ff4d4d,0 0 80px #ff4d4d,0 0 100px #ff4d4d,0 0 120px #ff4d4d,0 0 140px #ff4d4d,0 0 160px #ff4d4d}.social-button__label.instructables{text-shadow:0 0 20px #fdd55d,0 0 40px #fdd55d,0 0 60px #fdd55d,0 0 80px #fdd55d,0 0 100px #fdd55d,0 0 120px #fdd55d,0 0 140px #fdd55d,0 0 160px #fdd55d}.social-button__box{color:#fff;z-index:1000;border:2px solid #000;width:100px;height:100px;margin:0 40px;list-style:none;transition:all .5s ease-in-out;position:relative}.social-button__box span{color:#fff;width:100%;height:100%;transition:all .5s ease-in-out;position:absolute;top:0;left:0;background:#000!important;justify-content:center!important;align-items:center!important;font-size:50px!important;display:flex!important}.social-button__box:hover{transform:rotate(-30deg)skew(25deg)}.social-button__box:hover+.social-button__label{opacity:1;transform:translateY(3em)}.social-button__box:hover span:nth-child(5){opacity:1;transform:translate(80px,-80px)}.social-button__box:hover span:nth-child(4){opacity:.8;transform:translate(60px,-60px)}.social-button__box:hover span:nth-child(3){opacity:.6;transform:translate(40px,-40px)}.social-button__box:hover span:nth-child(2){opacity:.4;transform:translate(20px,-20px)}.social-button__box:hover span:first-child{opacity:.2;transform:translate(0)}.social-button__box .fa-github{text-shadow:0 0 20px #798686,0 0 40px #798686,0 0 60px #798686,0 0 80px #798686,0 0 100px #798686,0 0 120px #798686,0 0 140px #798686,0 0 160px #798686}.social-button__box .fa-twitch{text-shadow:0 0 20px #772ce8,0 0 40px #772ce8,0 0 60px #772ce8,0 0 80px #772ce8,0 0 100px #772ce8,0 0 120px #772ce8,0 0 140px #772ce8,0 0 160px #772ce8}.social-button__box .fa-twitter{text-shadow:0 0 20px #00b7ff,0 0 40px #00b7ff,0 0 60px #00b7ff,0 0 80px #00b7ff,0 0 100px #00b7ff,0 0 120px #00b7ff,0 0 140px #00b7ff,0 0 160px #00b7ff}.social-button__box .fa-instagram{text-shadow:0 0 20px #fb00ff,0 0 40px #fb00ff,0 0 60px #fb00ff,0 0 80px #fb00ff,0 0 100px #fb00ff,0 0 120px #fb00ff,0 0 140px #fb00ff,0 0 160px #fb00ff}.social-button__box .fa-linkedin-in{text-shadow:0 0 20px #08f,0 0 40px #08f,0 0 60px #08f,0 0 80px #08f,0 0 100px #08f,0 0 120px #08f,0 0 140px #08f,0 0 160px #08f}.social-button__box .fa-google-plus-g{text-shadow:0 0 20px #cb0606,0 0 40px #cb0606,0 0 60px #cb0606,0 0 80px #cb0606,0 0 100px #cb0606,0 0 120px #cb0606,0 0 140px #cb0606,0 0 160px #cb0606}.social-button__box .fa-youtube{text-shadow:0 0 20px red,0 0 40px red,0 0 60px red,0 0 80px red,0 0 100px red,0 0 120px red,0 0 140px red,0 0 160px red}.social-button__box .fa-facebook-f{text-shadow:0 0 20px #06f,0 0 40px #06f,0 0 60px #06f,0 0 80px #06f,0 0 100px #06f,0 0 120px #06f,0 0 140px #06f,0 0 160px #06f}.social-button__box .fa-instructables{text-shadow:0 0 20px #fbc318,0 0 40px #fbc318,0 0 60px #fbc318,0 0 80px #fbc318,0 0 100px #fbc318,0 0 120px #fbc318,0 0 140px #fbc318,0 0 160px #fbc318}.social-button__box.github span{box-shadow:0 0 .1em #798686}.social-button__box.twitch span{box-shadow:0 0 .1em #772ce8}.social-button__box.twitter span{box-shadow:0 0 .1em #00b7ff}.social-button__box.instagram span{box-shadow:0 0 .1em #fb00ff}.social-button__box.linkedin span{box-shadow:0 0 .1em #08f}.social-button__box.youtube span{box-shadow:0 0 .1em red}.social-button__box.google span{box-shadow:0 0 .1em #cb0606}.social-button__box.facebook-f span{box-shadow:0 0 .1em #06f}.social-button__box.instructables span{box-shadow:0 0 .1em #fbc318}.social-button__box.github:hover span{background:#79868633!important;box-shadow:-1px 1px 5px 4px #798686!important}.social-button__box.twitch:hover span{background:#772ce833!important;box-shadow:-1px 1px 5px 4px #772ce8!important}.social-button__box.twitter:hover span{background:#00b7ff33!important;box-shadow:-1px 1px 5px 4px #00b7ff!important}.social-button__box.instagram:hover span{background:#fb00ff33!important;box-shadow:-1px 1px 5px 4px #fb00ff!important}.social-button__box.linkedin:hover span{background:#08f3!important;box-shadow:-1px 1px 5px 4px #08f!important}.social-button__box.youtube:hover span{background:#f003!important;box-shadow:-1px 1px 5px 4px red!important}.social-button__box.google:hover span{background:#cb060633!important;box-shadow:-1px 1px 5px 4px #cb0606!important}.social-button__box.facebook-f:hover span{background:#06f3!important;box-shadow:-1px 1px 5px 4px #06f!important}.social-button__box.instructables:hover span{background:#fbc31833!important;box-shadow:-1px 1px 5px 4px #fbc318!important}.socials__view{background-color:#000;background-image:radial-gradient(circle,#000 0%,#4f4f4f 200%);justify-content:center;align-items:center;height:100vh;display:flex}@media screen and (width<=768px){.socials__view{flex-direction:column;justify-content:space-around;padding:25vh 0 20vh}}@media screen and (height<=500px){.socials__view{padding-top:20vh}}@font-face{font-family:icomoon;src:url(../fonts/icomoon.c5671b52.eot);src:url(../fonts/icomoon.c5671b52.eot#iefix)format("embedded-opentype"),url(../fonts/icomoon.6ce4bec3.ttf)format("truetype"),url(../fonts/icomoon.50987a55.woff)format("woff"),url(../images/icomoon.3a5e39d7.svg#icomoon)format("svg");font-weight:400;font-style:normal;font-display:block}.fa-instructables{speak:never;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:icomoon!important}.fa-instructables:before{content:""}.fa-instructables .path2:before{content:"";color:#fff;margin-left:-1em}.projects-view{background:#000;height:100vh;animation:2s linear infinite hexanim;position:relative;overflow:hidden}.projects-view .cursor{pointer-events:none;background-image:radial-gradient(circle,red 0%,#0000001a 60%);width:800px;height:800px;animation:2s linear infinite cursoranim;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.projects-view .row{margin-top:-28px;margin-left:-50px;display:inline-flex}.projects-view .row .hexagon{width:100px;height:110px;margin:1px;transition:all 2s;position:relative}.projects-view .row .hexagon:hover{transition:all}.projects-view .row .hexagon:hover:before{background-color:#0f0;background-image:radial-gradient(circle,#00f 0%,red 100%);transition:all}.projects-view .row .hexagon:before{content:"";opacity:1;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#000;background-image:radial-gradient(circle,#000 30%,#0000001a 100%);width:100%;height:100%;transition:all 2s;position:absolute;top:0;left:0}.projects-view .row:nth-child(2n){margin-left:1px}@keyframes hexanim{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.water-view{background-color:#000;justify-content:center;align-items:center;height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative}.water-view .clouds{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.water-view .clouds img{animation:clouds-animation calc(20s*var(--i))linear infinite;position:absolute;bottom:0;left:0}.water-view h2{color:initial;white-space:nowrap;--water-color:var(--clr,#00aeff);font-size:16em;position:absolute;transform:translate(-50%,-50%)}.water-view h2:first-child{color:#0000;-webkit-text-fill-color:#00151f;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--water-color)}.water-view h2:nth-child(2){color:var(--water-color);animation:4s ease-in-out infinite animate-water}@media screen and (width<=768px){.water-view h2{font-size:8em}}@keyframes animate-water{0%,to{clip-path:polygon(0 46%,15% 41%,30% 47%,43% 56%,58% 59%,77% 57%,90% 53%,100% 47%,100% 100%,0 100%)}50%{clip-path:polygon(0 54%,14% 61%,29% 63%,42% 58%,55% 50%,68% 43%,85% 41%,100% 43%,100% 100%,0 100%)}}@keyframes clouds-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-view{background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:5em;min-height:100vh;padding-top:10vh;padding-bottom:5vh;font-family:Poppins,sans-serif;display:flex;position:relative}.progress-view .demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex;position:relative}@media screen and (width<=768px){.progress-view .demo{gap:20px}}.progress-view .neon-button__container{padding-top:1em;font-size:2em}.progress-view button{color:#009924;background-color:#0000;border:none;border-radius:10px;padding:10px;font-weight:900;transition:all .1s linear;display:inline-block;box-shadow:0 0 10px #006618,0 0 40px #006618}.progress-view button:hover{color:#00ff3c;box-shadow:0 0 10px #00ff3c,0 0 40px #00ff3c}.card{width:calc(var(--size)*2 + 10px);height:calc(var(--size)*2 + 10px);border-radius:calc(var(--size)/2);justify-content:center;align-items:center;display:flex;position:relative}.card .percent{width:calc(10px + var(--size)*2);height:calc(10px + var(--size)*2);position:relative}.card .percent .number{opacity:0;flex-direction:column;justify-content:center;align-items:center;animation:1s linear 1.25s forwards fadeIn;display:flex;position:absolute;inset:0}.card .percent .number h2{font-size:calc(var(--size)*.5);justify-content:center;align-items:center;font-weight:700;display:flex}.card .percent .number h2 span{font-size:.5em;font-weight:300}.card .percent .number p{font-weight:300;font-size:calc(var(--size)*.15);letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin-top:5px;line-height:2px}.card .percent .dot{z-index:10;transform:rotate(calc(3.6deg*var(--percent)));animation:1s linear forwards animateDot;position:absolute;inset:5px}.card .percent .dot:before{content:"";top:calc(var(--size)/-6/2);width:calc(var(--size)/4);height:calc(var(--size)/6);background:var(--clr);box-shadow:0 0 10px var(--clr),0 0 30px var(--clr);border-radius:50%;animation:3s infinite alternate animateDotBackground;position:absolute;left:50%;transform:translate(-50%)}.card .percent .dot:after{content:"";opacity:0;box-shadow:0 0 5px var(--clr),0 0 10px var(--clr),0 0 50px var(--clr);border-radius:50%;width:100%;height:100%;animation:3s infinite alternate animateBackground;position:absolute;top:0;left:0}@keyframes animateDotBackground{0%{box-shadow:0 0 10px var(--clr),0 0 30px var(--clr)}to{box-shadow:none}}@keyframes animateBackground{0%{opacity:.4}to{opacity:.1}}.card .percent svg{width:calc(10px + var(--size)*2);height:calc(10px + var(--size)*2);position:relative;transform:rotate(-90deg)}.card .percent svg circle{fill:url(#radial);stroke-width:3px;stroke:#191919;width:100%;height:100%;transform:translate(5px,5px)}.card .percent svg circle.circle1{stroke-opacity:.15;fill:#8080801a;stroke:var(--clr)}.card .percent svg circle.circle2{stroke:var(--clr);opacity:0;stroke-opacity:1;background-color:#0000;animation:1s linear 1s forwards fadeIn}@keyframes animateDot{0%{transform:rotate(0)}to{transform:rotate(calc(3.6deg*var(--percent)))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.neon-button__container{-webkit-user-select:none;user-select:none;text-transform:uppercase;font-style:normal;font-weight:700}.neon-button__container>.neon-button__button{cursor:pointer;color:#ff1493;border:.125em solid #ff1493;border-radius:100px;padding:.25em 1em;text-decoration:none;display:inline-block;position:relative}.neon-button__container>.neon-button__button:before{content:"";pointer-events:none;filter:blur(1em);opacity:.7;background-color:#ff1493;width:100%;height:100%;transition:opacity .1s linear;position:absolute;inset:120% 0 0;transform:perspective(1em)rotateX(40deg)scaleY(.35)}.neon-button__container>.neon-button__button:hover,.neon-button__container>.neon-button__button:focus{color:#000;text-shadow:none}.neon-button__container>.neon-button__button:after{content:"";z-index:-1;opacity:0;background-color:#ff1493;border-radius:100px;transition:opacity .1s linear;position:absolute;inset:-1px;box-shadow:0 0 2em .5em #ff1493}.neon-button__container>.neon-button__button:hover:before,.neon-button__container>.neon-button__button:focus:before,.neon-button__container>.neon-button__button:hover:after,.neon-button__container>.neon-button__button:focus:after{opacity:1}.neon-button__container>.neon-button__button.btn-color-blue{text-shadow:0 0 .5em #00bfff,0 0 1em #00bfff;color:#00bfff;border:.125em solid #00bfff;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #00bfff,0 0 .5em .15em #00bfff}.neon-button__container>.neon-button__button.btn-color-blue:before{background-color:#00bfff}.neon-button__container>.neon-button__button.btn-color-blue:hover,.neon-button__container>.neon-button__button.btn-color-blue:focus{color:#000;letter-spacing:.25em;background-color:#00bfff}.neon-button__container>.neon-button__button.btn-color-blue:after{z-index:-1;background-color:#00bfff;box-shadow:0 0 2em .5em #00bfff}.neon-button__container>.neon-button__button.btn-color-green{text-shadow:0 0 .5em #0f0,0 0 1em #0f0;color:#0f0;border:.125em solid #0f0;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #0f0,0 0 .5em .15em #0f0}.neon-button__container>.neon-button__button.btn-color-green:before{background-color:#0f0}.neon-button__container>.neon-button__button.btn-color-green:hover,.neon-button__container>.neon-button__button.btn-color-green:focus{color:#000;letter-spacing:.25em;background-color:#0f0}.neon-button__container>.neon-button__button.btn-color-green:after{z-index:-1;background-color:#0f0;box-shadow:0 0 2em .5em #0f0}.neon-button__container>.neon-button__button.btn-color-red{text-shadow:0 0 .5em red,0 0 1em red;color:red;border:.125em solid red;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em red,0 0 .5em .15em red}.neon-button__container>.neon-button__button.btn-color-red:before{background-color:red}.neon-button__container>.neon-button__button.btn-color-red:hover,.neon-button__container>.neon-button__button.btn-color-red:focus{color:#000;letter-spacing:.25em;background-color:red}.neon-button__container>.neon-button__button.btn-color-red:after{z-index:-1;background-color:red;box-shadow:0 0 2em .5em red}.neon-button__container>.neon-button__button.btn-color-yellow{text-shadow:0 0 .5em #ff0,0 0 1em #ff0;color:#ff0;border:.125em solid #ff0;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #ff0,0 0 .5em .15em #ff0}.neon-button__container>.neon-button__button.btn-color-yellow:before{background-color:#ff0}.neon-button__container>.neon-button__button.btn-color-yellow:hover,.neon-button__container>.neon-button__button.btn-color-yellow:focus{color:#000;letter-spacing:.25em;background-color:#ff0}.neon-button__container>.neon-button__button.btn-color-yellow:after{z-index:-1;background-color:#ff0;box-shadow:0 0 2em .5em #ff0}.neon-button__container>.neon-button__button.btn-color-purple{text-shadow:0 0 .5em #f0f,0 0 1em #f0f;color:#f0f;border:.125em solid #f0f;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #f0f,0 0 .5em .15em #f0f}.neon-button__container>.neon-button__button.btn-color-purple:before{background-color:#f0f}.neon-button__container>.neon-button__button.btn-color-purple:hover,.neon-button__container>.neon-button__button.btn-color-purple:focus{color:#000;letter-spacing:.25em;background-color:#f0f}.neon-button__container>.neon-button__button.btn-color-purple:after{z-index:-1;background-color:#f0f;box-shadow:0 0 2em .5em #f0f}.neon-button__container>.neon-button__button.btn-color-orange{text-shadow:0 0 .5em orange,0 0 1em orange;color:orange;border:.125em solid orange;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em orange,0 0 .5em .15em orange}.neon-button__container>.neon-button__button.btn-color-orange:before{background-color:orange}.neon-button__container>.neon-button__button.btn-color-orange:hover,.neon-button__container>.neon-button__button.btn-color-orange:focus{color:#000;letter-spacing:.25em;background-color:orange}.neon-button__container>.neon-button__button.btn-color-orange:after{z-index:-1;background-color:orange;box-shadow:0 0 2em .5em orange}.neon-button__container>.neon-button__button.btn-color-pink{text-shadow:0 0 .5em #ff69b4,0 0 1em #ff69b4;color:#ff69b4;border:.125em solid #ff69b4;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #ff69b4,0 0 .5em .15em #ff69b4}.neon-button__container>.neon-button__button.btn-color-pink:before{background-color:#ff69b4}.neon-button__container>.neon-button__button.btn-color-pink:hover,.neon-button__container>.neon-button__button.btn-color-pink:focus{color:#690035;letter-spacing:.25em;background-color:#ff69b4}.neon-button__container>.neon-button__button.btn-color-pink:after{z-index:-1;background-color:#ff69b4;box-shadow:0 0 2em .5em #ff69b4}.neon-button__container>.neon-button__button.btn-color-hotpink{text-shadow:0 0 .5em #ff1493,0 0 1em #ff1493;color:#ff1493;border:.125em solid #ff1493;transition:all .2s linear;box-shadow:inset 0 0 .5em .15em #ff1493,0 0 .5em .15em #ff1493}.neon-button__container>.neon-button__button.btn-color-hotpink:before{background-color:#ff1493}.neon-button__container>.neon-button__button.btn-color-hotpink:hover,.neon-button__container>.neon-button__button.btn-color-hotpink:focus{color:#14000b;letter-spacing:.25em;background-color:#ff1493}.neon-button__container>.neon-button__button.btn-color-hotpink:after{z-index:-1;background-color:#ff1493;box-shadow:0 0 2em .5em #ff1493}.logo__yellow{fill:#f2d901}.logo__blue{fill:#246cd8}.logo__orange{fill:#f58500}.logo__red{fill:#f70000}.logo__green{fill:#4abc1f}.logo__blue1{fill:#3100ff}.logo__blue2{fill:#1f00a0}.logo__blue3{fill:#100051}.logo__main{fill:url(#LogoGradient)}@font-face{font-family:Dot Digital-7;src:url(../fonts/DotDigital-7.3b3db172.woff2)format("woff2"),url(../fonts/DotDigital-7.cdd0fa9a.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html{font-size:62.5%}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#fff;font-family:Montserrat,sans-serif}h1#logo{font-family:Dot Digital-7;font-size:5em;font-weight:lighter}a{color:#fff;text-decoration:none}.home{content:"";background-image:radial-gradient(#525252,#131313);justify-content:center;align-items:center;width:100%;height:100vh;font-size:2.5em;display:flex;position:relative;overflow:hidden}.resume{content:"";background-image:radial-gradient(#525252,#131313);flex-direction:column;justify-content:left;align-items:start;width:100%;min-height:100vh;padding:10vh 10%;font-size:2em;display:flex;position:relative}.resume p{width:100%;padding-bottom:1em}.resume ul{padding-bottom:1em;padding-left:3em}.resume ul li{padding-bottom:.5em}.resume img{justify-content:center;place-self:center;width:80%;max-width:1000px;height:100%;margin-left:auto;margin-right:auto}.resume h1,.resume h2{padding-bottom:1em}.resume h4{padding-top:-2em;padding-bottom:1em;font-weight:500}.nav-toggle,#nav-toggle-label{display:none}.nav-container{z-index:10;width:100%;position:fixed;top:0;left:0}.nav-container .menu__icon{cursor:pointer;font-size:xx-large}.nav-container *{z-index:10}.nav-container .nav-background{content:"";opacity:0;background-color:#000c;width:100%;height:100%;position:absolute;top:0;left:0}.nav-container .nav-border{content:"";opacity:0;background-image:linear-gradient(90deg,red 0%,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red 100%);background-size:400% 400%;width:100%;height:1px;animation:15s infinite gradient;position:absolute;top:100%;left:0}.nav-container nav{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:80%;max-width:1920px;min-height:8vh;margin:0 auto;padding:1.5em 0;font-size:1.5em;display:flex;overflow:visible}.nav-container nav a{color:#ffffff95}.nav-container nav a:hover{color:#fff}.nav-container nav ul{letter-spacing:.2rem;text-transform:capitalize;justify-content:space-between;align-items:center;gap:4em;margin:0;padding:0;list-style:none;display:flex}.nav-container nav ul>*{white-space:nowrap}.nav-container nav ul li{color:#ffffff95}.nav-container nav ul li:hover{color:#fff}.nav-container nav #logo{opacity:0;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,red 0%,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:10s infinite gradient;position:relative}.nav-container nav .nav__projects{isolation:isolate;border-radius:.5em;place-items:center;padding:1em 2em;display:inline-grid;position:relative;overflow:hidden}.nav-container nav .pulse{content:"";aspect-ratio:1;opacity:.5;background:#fff;border-radius:50%;width:100%;animation:.6s linear pulse;position:absolute;transform:scale(0)}@keyframes pulse{to{opacity:0;transform:scale(2)}}.nav-container nav .nav__socials{background-color:#f54538;background-image:linear-gradient(#1a1a1a,#ccc);background-size:400% 400%;background-clip:padding-box;border-radius:100px;margin-right:2px;padding:1em 1.5em;position:relative}.nav-container nav .nav__socials:before{content:"";filter:blur(15px);z-index:-1;background-image:linear-gradient(45deg,#fb0094,#00f,#0f0,#ff0,red,#fb0094,#00f,#0f0,#ff0,red);background-size:1000%;border-radius:100px;animation:200s linear infinite gradientSlide;position:absolute;inset:-2px}.nav-container nav .nav__socials:after{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(45deg,#fb0094,#00f,#0f0,#ff0,red,#fb0094,#00f,#0f0,#ff0,red);background-size:1000%;border-radius:100px;outline:4px solid #1a1a1a33;animation:200s linear infinite gradientSlide;position:absolute;inset:-2px}.showcase{overflow-inline:hidden;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;flex-direction:row;grid-template-columns:repeat(6,1fr);justify-content:center;align-items:center;width:80%;max-width:1920px;min-height:50%;font-size:1em;display:grid;position:relative}.showcase h2{z-index:1;-webkit-box-reflect:below -.2em linear-gradient(transparent,#00000027);grid-area:1/1/2/3;place-self:start;font-family:Dot Digital-7;font-size:3em;font-weight:100}.showcase .showcase__img__shadow{content:"";z-index:100000;background-color:#0000;border-radius:100%;grid-area:1/1/2/5;width:100%;max-width:800px;height:1em;animation:6s ease-in-out infinite floatShadow;position:absolute;bottom:-3em;left:0}.showcase .showcase__img{-webkit-user-select:none;user-select:none;grid-area:1/1/2/5;align-self:center;width:90%;max-width:800px;height:auto;max-height:-moz-fit-content;max-height:fit-content;animation:6s ease-in-out infinite float;position:absolute}.showcase .showcase__img svg{overflow:inherit;transform-origin:50%;position:relative;transform:perspective(1000px)translateY(15%)rotate(-15deg)}.showcase .showcase__img svg .logo__main{stroke-width:5px;stroke:#66f;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:-1660px;stroke-dasharray:1660;animation:10s linear infinite dash}.showcase .showcase__img svg .logo__red{animation:1.5s 1s infinite alternate logo__flicker__red}@keyframes logo__flicker__red{0%,18%,22%,25%,53%,57%,to{fill:red;filter:drop-shadow(-40px 0 50px red)drop-shadow(-150px 0 100px #900)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__orange{animation:1.5s 50ms infinite alternate logo__flicker__orange}@keyframes logo__flicker__orange{0%,18%,22%,25%,53%,57%,to{fill:orange;filter:drop-shadow(-40px 0 50px orange)drop-shadow(-150px 0 100px #996300)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__yellow{animation:1.5s .35s infinite alternate logo__flicker__yellow}@keyframes logo__flicker__yellow{0%,18%,22%,25%,53%,57%,to{fill:#ff0;filter:drop-shadow(-40px 0 50px #ff0)drop-shadow(-150px 0 100px #990)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__green{animation:1.5s 10ms infinite alternate logo__flicker__green}@keyframes logo__flicker__green{0%,18%,22%,25%,53%,57%,to{fill:#0f0;filter:drop-shadow(-40px 0 50px #0f0)drop-shadow(-150px 0 100px #090)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__blue{animation:1.5s .45s infinite alternate logo__flicker__blue}@keyframes logo__flicker__blue{0%,18%,22%,25%,53%,57%,to{fill:#00bfff;filter:drop-shadow(-40px 0 50px #00bfff)drop-shadow(-150px 0 100px #007399)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__blue1{animation:1.5s .35s infinite alternate logo__flicker__blue1}@keyframes logo__flicker__blue1{0%,18%,22%,25%,53%,57%,to{fill:#3100ff;filter:drop-shadow(-40px 0 50px #3100ff)drop-shadow(-150px 0 100px #1d0099)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__blue2{animation:1.5s 10ms infinite alternate logo__flicker__blue2}@keyframes logo__flicker__blue2{0%,18%,22%,25%,53%,57%,to{fill:#1f00a0;filter:drop-shadow(-40px 0 50px #1f00a0)drop-shadow(-150px 0 100px #0b003a)}20%,24%,55%{fill:#000;filter:none}}.showcase .showcase__img svg .logo__blue3{animation:1.5s .45s infinite alternate logo__flicker__blue3}@keyframes logo__flicker__blue3{0%,18%,22%,25%,53%,57%,to{fill:#100051;filter:drop-shadow(-40px 0 50px #100051)drop-shadow(-150px 0 100px #000)}20%,24%,55%{fill:#000;filter:none}}@keyframes dash{to{stroke-dashoffset:1660px;filter:hue-rotate(360deg)}}.showcase .info{z-index:1;grid-area:1/4/2/7;place-self:end center;min-width:50%}.showcase .info h3{padding-bottom:1em;font-weight:500}.showcase .info p{letter-spacing:.1em;font-style:italic;font-weight:200}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}@keyframes floatShadow{0%{box-shadow:0 2em 15px #0009}50%{box-shadow:0 2em 35px #0003}to{box-shadow:0 2em 15px #0009}}.typewriter__cursor{animation:.7s ease-in-out infinite blinkCursor}.typewriter__prompt{font-family:Dot Digital-7;font-size:1.5em}.typewriter__text>span:nth-child(2)>span:first-child{color:#fff;letter-spacing:.1em;font-family:Dot Digital-7;font-size:1.5em}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@media screen and (width>=821px){.menu__icon{display:none}}@media screen and (width<=820px){#nav-toggle-label{z-index:1000;cursor:pointer;font-size:3rem;display:block}.nav-container nav{overflow:inherit;position:relative}.nav-container nav a{color:#fff}.nav-container nav .nav__socials{background-color:inherit;background-image:inherit;padding:inherit;border-radius:inherit}.nav-container nav .nav__socials:before,.nav-container nav .nav__socials:after{display:none}.nav-container nav ul{background-color:#000c;border:1px solid #7b01f6;border-radius:2rem;flex-direction:column;align-items:flex-end;gap:3em;margin-top:50px;padding:2rem;transition:all .2s ease-in-out;position:absolute;top:5vh;right:0}.nav-container nav ul li{align-self:center;display:flex}.nav-toggle:not(checked)~ul{opacity:0;position:absolute;right:-100%}.nav-toggle:checked~ul{opacity:1;display:flex;right:0}}@media screen and (width<=800px){.showcase{grid-template-columns:1fr}.showcase h2{grid-column:inherit;grid-row:inherit;-webkit-box-reflect:inherit}.showcase .showcase__img__shadow{display:none}.showcase .showcase__img{grid-column:inherit;grid-row:inherit;opacity:.3}.showcase .showcase__img:after{animation:inherit}.showcase .info{grid-column:inherit;grid-row:inherit}}.about,.projects{color:#131313;-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#525252 10%,#dbdbdb 56%,#131313 56%,#525252 90%);justify-content:center;align-items:center;min-height:100vh;padding-top:15vh;font-size:4em;display:flex}.projects__container{transform:rotate(-15deg)translateY(-50%)}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradientRotate{0%{filter:blur(10px)hue-rotate(1deg)}to{filter:blur(10px)hue-rotate(360deg)}}@keyframes gradientSlide{0%{background-position:0 0}50%{background-position:1000% 0}to{background-position:0 0}}