@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__box{width:100px;height:100px;color:#fff;z-index:1000;border:2px solid #000;margin:0 40px;list-style:none;transition:all .5s ease-in-out;position:relative}.social-button__box span{width:100%;height:100%;color:#fff;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:nth-child(1){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.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.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}.socials__view{height:100vh;background-color:#000;background-image:radial-gradient(50%,#000,#262626);background-image:radial-gradient(circle,#000 64%,#262626 100%);justify-content:center;align-items:center;display:flex}@media screen and (max-width:768px){.socials__view{flex-direction:column;justify-content:space-around;padding:25vh 0 20vh}}@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{font-family:Dot Digital-7;font-size:5em;font-weight:lighter}a{color:#fff;text-decoration:none}.home{content:"";width:100%;height:100vh;background-image:radial-gradient(#525252,#131313);justify-content:center;align-items:center;font-size:2.5em;display:flex}.nav-toggle,#nav-toggle-label{display:none}.nav-container{width:100%;z-index:10;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:"";width:100%;height:100%;opacity:0;background-color:#000c;position:absolute;top:0;left:0}.nav-container .nav-border{content:"";height:1px;width:100%;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%;animation:gradient 15s infinite;position:absolute;top:100%;left:0}.nav-container nav{width:80%;max-width:1920px;min-height:8vh;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;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;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;-webkit-background-clip:text;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 10s infinite;position:relative}.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:gradientSlide 200s linear infinite;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:gradientSlide 200s linear infinite;position:absolute;inset:-2px}.showcase{overflow-inline:hidden;width:80%;max-width:1920px;-webkit-user-select:none;user-select:none;flex-direction:row;grid-template-columns:1fr 1fr minmax(50%,1fr);justify-content:center;align-items:center;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/2;place-self:start;font-family:Dot Digital-7;font-size:3em;font-weight:100;animation:flicker 1.5s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 7px #0073ff,0 0 10px #cce3ff,0 0 21px #cce3ff,0 0 42px #338fff,0 0 82px #338fff,0 0 92px #338fff,0 0 102px #1a81ff,0 0 151px #1a81ff}20%,24%,55%{text-shadow:none}}.showcase .showcase__img{width:90%;height:auto;max-height:fit-content;-webkit-user-select:none;user-select:none;grid-area:1/1/2/3;align-self:center;animation:float 6s ease-in-out infinite}.showcase .showcase__img:after{content:"";width:100%;height:1em;z-index:100000;background-color:#0000;border-radius:100%;animation:floatShadow 6s ease-in-out infinite;position:absolute;bottom:-3em;left:0}.showcase .showcase__img img{position:relative;transform:rotate(-45deg)}.showcase .info{min-width:50%;z-index:1;grid-area:1/3/2/4;place-self:end center}.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(-20px)}to{transform:translateY(0)}}@keyframes floatShadow{0%{transform:translateY(0);box-shadow:0 2em 15px #0009}50%{transform:translateY(20px);box-shadow:0 2em 35px #0003}to{transform:translateY(0);box-shadow:0 2em 15px #0009}}.typewriter__cursor{animation:blinkCursor .7s ease-in-out infinite}.typewriter__prompt{font-family:Dot Digital-7;font-size:1.5em}.typewriter__text>span:nth-child(2)>span:nth-child(1){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 (min-width:821px){.menu__icon{display:none}}@media screen and (max-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 (max-width:800px){.showcase{grid-template-columns:1fr}.showcase h2,.showcase .showcase__img{grid-column:inherit;grid-row:inherit}.showcase .showcase__img:after{animation:inherit}.showcase .info{grid-column:inherit;grid-row:inherit}}.ashowcase{grid-template-rows:10vh 1fr 1fr 1fr 10vh;grid-template-columns:1fr minmax(5rem,1fr) minmax(5rem,2fr) minmax(5rem,1fr) 1fr;padding-top:25vh;display:grid}.ashowcase h2{grid-column:2/3;place-self:flex-end end;font-family:Dot Digital-7;font-size:10em}.ashowcase img{object-fit:cover;grid-area:1/3/4/4;place-self:center;position:relative;transform:rotate(-45deg)}.ashowcase .info{grid-area:3/4/4/5}.about{min-height:100vh;color:#131313;background-image:linear-gradient(-15deg,#f545384d,#f5f5f5);justify-content:center;align-items:center;font-size:4em;display:flex}@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}}