.navBar{z-index:10;background-color:#0000;border-bottom-right-radius:1.5em;border-bottom-left-radius:1.5em;width:100vw;height:auto;font-weight:500;transition:all .4s .15s;position:fixed;top:0;overflow:hidden;color:#fff!important}.scrollBar{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#08081499;border-bottom:1px solid #ffffff12;overflow:hidden;box-shadow:0 1px #ffffff12;color:#fff!important}.scrolled{transition:all .5s;transform:translateY(-50px)}.navBarContainer{z-index:1;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:38px;padding:6px 20px;display:flex;position:relative}#main-title{cursor:pointer;letter-spacing:.06em;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;font-size:1.2em;font-weight:600;font-family:var(--font-teko),"Teko",sans-serif;-webkit-background-clip:text;background-clip:text;margin:0;transition:opacity .2s}#main-title:hover{opacity:.75}#main-title>a{font-size:1.5em;font-weight:600;line-height:inherit;white-space:nowrap;cursor:pointer;margin:0 .5em;display:inline-block}.navBar ul{flex-direction:row;flex-basis:auto;gap:4px;margin-left:auto;padding-right:50px;list-style:none;display:flex}.navBar ul li{margin-left:8px;margin-right:8px;display:flex}#mainMenuList li p{cursor:pointer;letter-spacing:.05em;color:#f0f4ffbf;margin:0;padding:4px 2px;font-size:.9em;transition:color .2s;position:relative}#mainMenuList li p:after{content:"";background:#4fc3f7;width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}#mainMenuList li p:hover{color:#fff}#mainMenuList li p:hover:after{width:100%}.navList{text-decoration:none}@media (max-width:650px){#main-title{font-size:1em}.navBarContainer{height:32px;padding:4px 15px}}@media (max-width:600px){#mainMenuList{display:none}.menu-icon,.menu-icon-animation{display:block!important}}.menu-icon{cursor:pointer;filter:invert();width:0;height:0;margin-right:20px;transition:all .2s;display:none}.menu-icon-animation{filter:invert();width:36px;height:36px;transition:all .2s;display:none}#indicator{background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:2px;height:2px;margin:0 0 4px;transition:all .1s ease-in;position:absolute}.mobile-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10;background-color:#080814f7;border-top:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100vw;height:calc(100vh - 80px);padding:40px 2em;transition:all .3s ease-in;display:flex;position:fixed}.mobile-nav p{color:#f0f4ffd9;cursor:pointer;font-size:2.5em;font-family:var(--font-teko),"Teko",sans-serif;letter-spacing:.08em;margin:0;padding:16px 0;transition:color .2s;position:relative}.mobile-nav p:after{content:"";background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mobile-nav p:hover{color:#fff}.mobile-nav p:hover:after{width:60%}.mobile-nav.closed{left:-120vw}.mobile-nav.open{left:0;color:#fff!important}
.hero,.hero-initial{background:linear-gradient(#02020e 0%,#140430 35%,#080810 100%);margin:0;display:flex;position:relative;overflow:hidden}.hero-background{background:radial-gradient(farthest-side at 0 0,#296e0080,#0000),radial-gradient(at 100% 0,#00074180,#0000 800px);width:100vw;height:125vh;position:absolute}#starfield{width:100%;height:auto;position:absolute}.hero>div:first-of-type{width:50%;margin:1em}.blake-stagner{color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:500px;height:calc(100vh - 2em);margin:0 0 0 auto;display:flex}.blake-stagner-mobile{justify-content:center!important;align-items:center!important;height:75vh!important;margin:0 auto!important}.blake-stagner h1{z-index:5;letter-spacing:.06em;text-shadow:0 0 60px #4fc3f733,0 2px 4px #00000080;margin:0;line-height:.8}.blake-stagner>p{z-index:5;letter-spacing:.02em;margin:.4em 0 0;font-size:1.5em}.welcome-text{opacity:0;transition:opacity .5s linear}.welcome-text-animation{opacity:1;transition-delay:4s}.welcome-text-animation-mobile{opacity:1;transition-delay:.5s}.welcome-text-mobile{opacity:0;animation:.5s linear .5s forwards sub-text}.universe-text{opacity:0;text-shadow:0 0 20px #fff,0 0 30px #4fc3f7e6,0 0 60px #4fc3f780;font-weight:700;transition:opacity 2s linear}.universe-text-animation{opacity:1;transition-delay:4.5s}.universe-text-animation-mobile{opacity:1;transition-delay:1s}.heading-1{font-size:0;transition:all .5s}.heading-animate-1{font-size:10em;transition:all .5s;left:100px}.heading-2{font-size:0;transform:translate(-100vw,150px)}.heading-animate-2{font-size:7em;font-weight:500;transition:all .5s;left:100px}.heading-transition{transition-delay:4s}.heading-transition-mobile{transition-delay:.5s}@media (max-width:900px){.hero{flex-direction:column}.hero>div:first-of-type{width:auto;height:50%;margin:0}.blake-stagner{justify-content:flex-start;align-items:center;margin:4em auto 0}}@media (max-width:500px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}@media (max-width:411px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}@media (max-width:375px){.heading-animate-1{font-size:7em}.heading-animate-2{font-size:6em;left:100px}}#sun{z-index:4;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;top:10vh;transform:scale(0);box-shadow:0 0 60px #ffa03c66}.sun-animate{animation:4s forwards sunInitialX,4s forwards sunInitialY}.sun{z-index:4;background:radial-gradient(circle at bottom,#faff00 0%,#ffc400 100%);border-radius:50%;width:200px;height:200px;position:absolute;box-shadow:0 0 60px #ffa03c66}.earth-orbit{width:25em;height:25em;transform-style:preserve-3d;border-radius:50%;animation:9s linear infinite orbit;position:absolute;transform:rotateX(75deg)}.earth{z-index:2;width:50px;height:50px;transform-style:preserve-3d;background:url(/images/hero/ds.webp) 0 0/110px;border-radius:100%;animation:9s linear infinite spin-earth;display:inline-block;position:absolute;top:-25px;overflow:hidden;transform:rotateX(-90deg)rotateY(-360deg)rotate(0);box-shadow:0 3px 6px #00000029}.mars-orbit{width:50em;height:50em;transform-style:preserve-3d;border-radius:50%;animation:16s linear infinite mars-orbit;position:absolute;transform:rotateX(75deg)}.mars{z-index:2;width:40px;height:40px;transform-style:preserve-3d;background:url(/images/hero/mars.webp) 0 0/90px;border-radius:100px;animation:16s linear infinite mars-spin;display:inline-block;position:absolute;top:-20px;overflow:hidden;transform:rotateX(-90deg)rotateY(-360deg)rotate(0);box-shadow:0 3px 6px #00000029}.black-hole-orbit{width:10em;height:10em;transform-style:preserve-3d;border:20px solid #fff3;border-radius:50%;justify-content:center;align-items:center;animation:5s linear infinite black-home-outer;display:flex;position:absolute;top:160vh;left:20vw}.black-hole{z-index:2;width:100px;height:100px;transform-style:preserve-3d;background:#000;border-radius:100px;animation:5s linear infinite black-hole-spin;display:inline-block;position:absolute;box-shadow:0 0 10px #fff}.black-hole:after{content:"";filter:blur(3px);z-index:2;border-radius:100%;width:100%;height:100%;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #fff}.tails{content:"";filter:blur(10px);z-index:2;width:calc(150% - 30px);height:150%;transform-style:preserve-3d;border-left:30px solid #fff;border-radius:50% 27% 27%;transition-delay:.5s;position:absolute;box-shadow:2px 4px 2px #fff}.tails.one{transform:rotate(60deg)}.tails.two{transform:rotate(120deg)}.tails.three{transform:rotate(180deg)}.tails.four{transform:rotate(240deg)}.tails.five{transform:rotate(300deg)}.tails.six{transform:rotate(360deg)}.earth:before,.mars:before,.jupiter:before{content:"";filter:blur(3px);z-index:2;background:radial-gradient(circle at top,#fff,#fff0 50%);border-radius:100%;width:90%;height:90%;position:absolute;top:1%;left:5%}.galaxy-1-container{border-radius:50%;justify-content:center;align-items:center;width:700px;height:700px;animation:100s linear 50ms infinite galaxy-outer;display:flex;position:absolute;top:40vh;left:calc(50vw - 350px);overflow:hidden}.mobile-galaxy-container{border-radius:50%;justify-content:center;align-items:center;width:700px;height:700px;animation:100s linear 50ms infinite galaxy-outer;display:flex;position:absolute;top:calc(55vh - 350px);left:calc(25vh - 350px);overflow:hidden}.galaxy-1{width:30px;height:30px;transform-style:preserve-3d;z-index:5;background:#fff;border-radius:100px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 15px #fff}.galaxy-1.ring{filter:blur(15px);z-index:2;background:#32008280;border-radius:100%;width:400px;height:400px;box-shadow:0 0 20px #7c4dffcc}.galaxy-1.ring:after{content:"";filter:blur(20px);z-index:2;background:0 0;border:150px solid #7c4dff26;border-radius:100%;width:250px;height:250px;position:absolute;box-shadow:0 0 20px #7c4dffcc}.galaxy-1.ring-2{filter:blur(3px);z-index:2;background:#7c4dff33;border-radius:100%;width:150px;height:200px;position:absolute;box-shadow:0 0 50px #7c4dffe6}.galaxy-1.ring-3{filter:blur(3px);z-index:2;background:#7c4dff4d;border-radius:100%;width:100px;height:100px;position:absolute;box-shadow:0 0 80px #7c4dff}.galaxy-1.ring-4{filter:blur(2px);z-index:2;background:#7c4dff40;border-radius:100%;width:60px;height:60px;position:absolute;box-shadow:0 0 40px #fff}.g-tails{content:"";filter:blur(10px);z-index:20;width:420px;height:225px;transform-style:preserve-3d;border-left:30px solid #7c4dffb3;border-top-left-radius:75%;border-bottom-left-radius:6%;transition-delay:.5s;position:absolute}.g-tails.one{transform:rotate(45deg)}.g-tails.two{transform:rotate(90deg)}.g-tails.three{transform:rotate(135deg)}.g-tails.four{transform:rotate(170deg)}.g-tails.five{transform:rotate(215deg)}.g-tails.six{transform:rotate(260deg)}.g-tails.seven{transform:rotate(315deg)}.g-tails.eight{transform:rotate(360deg)}.galaxy-2-container{border-radius:50%;justify-content:center;align-items:center;width:550px;height:550px;animation:120s linear 50ms infinite galaxy-outer-2;display:flex;position:absolute;top:85vh;right:5vw;overflow:hidden}.galaxy-2{width:30px;height:30px;transform-style:preserve-3d;z-index:5;background:#fff;border-radius:100px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 15px #fff}.galaxy-2.center{align-items:center}.galaxy-2.ring{filter:blur(15px);z-index:2;background:#0050824d;border-radius:100%;width:300px;height:200px;box-shadow:0 0 20px #4fc3f7b3}.galaxy-2.ring:after{content:"";filter:blur(20px);z-index:2;background:0 0;border:150px solid #4fc3f726;border-radius:100%;width:100px;height:75px;position:absolute;box-shadow:0 0 20px #4fc3f7e6}.galaxy-2.ring-2{filter:blur(3px);z-index:2;background:#4fc3f726;border-radius:100%;width:150px;height:125px;position:absolute;box-shadow:0 0 50px #4fc3f7e6}.galaxy-2.ring-3{filter:blur(3px);z-index:2;background:#4fc3f733;border-radius:100%;width:100px;height:75px;position:absolute;box-shadow:0 0 80px #4fc3f7}.galaxy-2.ring-4{filter:blur(2px);z-index:2;background:#4fc3f726;border-radius:100%;width:60px;height:60px;position:absolute;box-shadow:0 0 40px #4fc3f7}.g-tails-2{content:"";filter:blur(10px);z-index:20;width:350px;height:149px;transform-style:preserve-3d;border-top:15px solid #4fc3f799;border-bottom:30px solid #4fc3f7b3;border-left:30px solid #4fc3f7b3;border-top-left-radius:40%;border-bottom-right-radius:77%;border-bottom-left-radius:100%;transition-delay:.5s}.g-tails-2.one{position:absolute;bottom:0;transform:rotate(180deg)}.g-tails-2.two{position:absolute;top:0;transform:rotate(360deg)}#galaxy-stars{width:100%;height:auto;position:absolute}@keyframes sunInitialX{0%{animation-timing-function:ease-out;top:10vh;transform:scale(.15)}25%{animation-timing-function:ease-in-out;top:0;transform:scale(.3)}75%{animation-timing-function:ease-in-out;top:50vh;transform:scale(1.2)}to{animation-timing-function:ease-in-out;top:40vh;transform:scale(1)}}@keyframes sunInitialY{0%{animation-timing-function:ease-out;left:0}50%{animation-timing-function:ease-in-out;left:80vw}to{animation-timing-function:ease-in-out;left:55vw}}@keyframes orbit{0%{z-index:1;border:2px dotted #ffffff4d;transform:rotateX(75deg)rotateY(-15deg)rotate(0)}25%{z-index:5;border:2px dotted #ffffff4d;transform:rotateX(75deg)rotateY(-15deg)rotate(90deg)}50%{z-index:5;border:2px dotted #ffffff4d;transform:rotateX(75deg)rotateY(-15deg)rotate(180deg)}75%{z-index:5;border:2px dotted #ffffff4d;transform:rotateX(75deg)rotateY(-15deg)rotate(270deg)}to{z-index:1;border:2px dotted #ffffff4d;transform:rotateX(75deg)rotateY(-15deg)rotate(360deg)}}@keyframes spin{0%{transform:rotateX(-90deg)rotateY(-360deg)rotate(0)}to{transform:rotateX(-90deg)rotateY(0)rotate(0)}}@keyframes spin-earth{0%{background-position:0 0;transform:rotateX(-90deg)rotateY(-360deg)rotate(0)}to{background-position:110px 0;transform:rotateX(-90deg)rotateY(0)rotate(0)}}@keyframes mars-orbit{0%{z-index:1;border:1px solid #fff3;transform:rotateX(75deg)rotateY(-15deg)rotate(0)}25%{z-index:5;border:1px solid #fff3;transform:rotateX(75deg)rotateY(-15deg)rotate(90deg)}50%{z-index:8;border:1px solid #fff3;transform:rotateX(75deg)rotateY(-15deg)rotate(180deg)}75%{z-index:1;border:1px solid #fff3;transform:rotateX(75deg)rotateY(-15deg)rotate(270deg)}to{z-index:1;border:1px solid #fff3;transform:rotateX(75deg)rotateY(-15deg)rotate(360deg)}}@keyframes mars-spin{0%{background-position:0 0;transform:rotateX(-90deg)rotateY(-360deg)rotate(0)}to{background-position:90px 0;transform:rotateX(-90deg)rotateY(0)rotate(0)}}@-webkit-keyframes mars-spin{0%{background-position:0 0;transform:rotateX(-90deg)rotateY(-360deg)rotate(0)}to{background-position:0 0;transform:rotateX(-90deg)rotateY(0)rotate(0)}}@keyframes black-hole-spin{0%{transform:rotateX(90deg)rotateY(0)rotate(0)}to{transform:rotateX(90deg)rotateY(-360deg)rotate(0)}}@keyframes black-home-outer{0%{transform:rotateX(70deg)rotateY(15deg)rotate(0)}to{transform:rotateX(70deg)rotateY(15deg)rotate(360deg)}}@keyframes galaxy-outer{0%{transform:rotateX(75deg)rotateY(0)rotate(0)}to{transform:rotateX(75deg)rotateY(0)rotate(360deg)}}@keyframes galaxy-outer-2{0%{transform:rotateX(75deg)rotateY(0)rotate(0)}to{transform:rotateX(75deg)rotateY(0)rotate(-360deg)}}@-webkit-keyframes galaxy-outer-2{0%{transform:rotateX(75deg)rotateY(0)rotate(0)}to{transform:rotateX(75deg)rotateY(0)rotate(0)}}@keyframes rotate{0%{background-position:0 0}to{background-position:630px 0}}
#about{color:#f0f4ff;background:#080810}#about h3{color:#8892aa;font-family:var(--font-dm-serif),Georgia,serif;letter-spacing:.01em}.about-container{flex-wrap:wrap;justify-content:space-around;margin:2em 0 0;display:flex}#browser,#os,#lang,#soft{box-sizing:border-box;background:#10101e;border:1px solid #ffffff12;border-radius:16px;width:50%;margin:1em 0 2em;padding:1em;transition:border-color .3s,box-shadow .3s}#browser:hover,#os:hover,#lang:hover,#soft:hover{border-color:#4fc3f733;box-shadow:0 0 24px #4fc3f714}@media (max-width:750px){.about-container{display:none!important}}.bottom-container{justify-content:center;margin:2em auto 1em;display:flex}.about-container svg,.section svg{filter:invert();width:50px;height:50px;margin:5px}#browser>div,#os>div,#lang>div,#soft>div{flex-wrap:wrap;flex:none;justify-content:center;margin:0 auto;display:flex}#browser>div>div,#os>div>div,#lang>div>div,#soft>div>div{color:#8892aa;flex-direction:column;align-items:center;margin:.5em;font-size:.85em;transition:color .2s;display:flex}#browser>div>div:hover,#os>div>div:hover,#lang>div>div:hover,#soft>div>div:hover{color:#f0f4ff}.section{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 auto;scroll-padding:1em;display:flex;overflow-x:auto}.section>#browser,.section>#os,.section>#lang,.section>#soft{scroll-snap-align:center;min-width:90vw;display:inline-table}.bottom-indicator-container{position:relative}#bottom-indicator{justify-content:center;align-items:center;margin:0 auto;display:flex;position:absolute;bottom:-5vh;left:0;right:0}#bottom-indicator>div{background:0 0;border:1.5px solid #4fc3f766;border-radius:50%;width:8px;height:8px;margin:0 .75em;transition:all .5s ease-in}#bottom-indicator>div.active{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-color:#4fc3f7;width:12px;height:12px;transition:all .1s ease-in;box-shadow:0 0 8px #4fc3f766}@media (min-width:750px){.section,#bottom-indicator{display:none}}.header-tab>h2{cursor:pointer;color:#8892aa;background:linear-gradient(135deg,#8892aacc 0%,#4a5068cc 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .25em;transition:all .25s ease-in;transform:scale(.6)}.header-tab>h2.active{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .25s ease-in;transform:scale(1)}.about-tab{transition:all .25s}.tab-transition{transition:all .25s;transform:translate(-100vw)}.bio{justify-content:space-evenly;display:flex}.blake-img{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%);filter:drop-shadow(0 0 12px #4fc3f766);width:200px;height:auto;margin:1.5em 1em 0 0;transition:filter .3s}.blake-img:hover{filter:drop-shadow(0 0 20px #4fc3f799)}.mobile-intro{color:#8892aa;display:none}.bio>div:nth-child(2){flex-direction:column;justify-content:center;max-width:500px;display:flex}.bio>div>p{text-align:left;color:#8892aa;line-height:1.65}.bio>div>p>span{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1em;font-weight:500}@media (max-width:900px){.blake-img{object-fit:cover;width:175px;height:auto}.bio>div{max-width:350px}}@media (max-width:650px){.blake-img{object-fit:cover;width:150px;height:auto}.bio>div{max-width:300px}}@media (max-width:600px){.blake-img{object-fit:cover;object-position:100% 0;width:100px;height:auto;margin:0 1em 0 0}.bio{flex-direction:column}.bio>div{max-width:500px;margin:0 auto}.bio>div:first-child{justify-content:space-between;align-items:center;display:flex}.bio>div:nth-child(2)>p:first-child{display:none}.mobile-intro{display:block}}
#portfolio{color:#f0f4ff;background:#080810;height:auto}.portfolio-items{flex-wrap:wrap;justify-content:center;display:flex}.portfolio-card{color:#f0f4ff;align-items:center;margin:0 1em 0 0;transition:all .5s;display:flex}.portfolio-card.animate{transform:translate(100vw)}.portfolio-card>div{z-index:2;justify-content:flex-start;align-items:center;padding:.5em;display:flex;position:relative}.portfolio-icons{width:auto;height:auto;min-height:80px;max-height:120px}.portfolio-proj-title{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;margin:0 0 16vh;font-size:3em;font-weight:700}.portfolio{flex-direction:column;display:flex}.portfolio-sidenav{justify-content:center;width:100%;display:flex}.portfolio-sidenav ul{gap:4px;margin:.5em auto 0;padding:0;list-style-type:none;display:flex}.portfolio-sidenav ul li{cursor:pointer;border:1px solid #0000;border-radius:2em;justify-content:center;align-items:center;margin:.5em auto 1em;padding:4px 12px;line-height:1;transition:all .25s ease-in;display:flex}.portfolio-sidenav ul li p{color:#8892aa;letter-spacing:.03em;margin:0;font-size:.95em;transition:all .25s}.portfolio-sidenav ul li.active{background:#4fc3f70f;border-color:#4fc3f733;padding:4px 12px;transition:all .25s ease-in;transform:scale(1.1)}.portfolio-sidenav ul li.active p{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.portfolio-sidenav ul li p:hover{color:#f0f4ff;transition:all .25s;transform:scale(1.05)}.portfolio-details{width:100%}.portfolio-site-img{height:100%;overflow:hidden}.portfolio-site-img img{cursor:pointer;border:1px solid #ffffff12;border-radius:12px;height:55vh;margin:1em;transition:all .5s;box-shadow:0 8px 32px #0009,0 2px 8px #0006,0 0 40px #4fc3f70a}.portfolio-site-img img:hover{border-color:#4fc3f733;box-shadow:0 8px 32px #0009,0 2px 8px #0006,0 0 40px #4fc3f71f}.portfolio-site-img.animate img{transform:translate(100vw)}.overlay{-webkit-backdrop-filter:blur(12px);z-index:100;-webkit-overflow-scrolling:touch;background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:scroll}.overlay>img:first-child{cursor:pointer;filter:invert();background-color:#161628;border:1px solid #ffffff12;border-radius:50%;width:36px;height:36px;margin:10px 0 0;padding:4px;transition:border-color .2s;position:absolute;top:5px;right:5%;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d}.overlay>img:first-child:hover{border-color:#4fc3f733}.overlay>img:nth-child(2){object-fit:contain;border-radius:8px;width:100%;max-width:1200px;max-height:100%;margin:0 auto}.portfolio-details>div:first-child{justify-content:center;width:100%;display:flex}.arrow{transition:all .25s ease-out;display:none}.right{right:5px;transform:rotate(-45deg)}.left{left:5px;transform:rotate(135deg)}.arrow.left:active{left:0}.arrow.right:active{right:0}#portfolio-items{margin:1em 0 0;display:none}#blue-animation3{z-index:1;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-bottom-right-radius:50px;width:60%;height:2px;transition:all 1s ease-in-out;position:absolute;top:70px;left:0;box-shadow:0 0 16px #4fc3f74d}.blue-strip3{transition:all 1s ease-in-out;transform:translate(-100vw)}#arrow-mobile{display:none}@media (max-width:1000px){.portfolio-sidenav,.portfolio-details{display:none!important}#portfolio-items{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}#portfolio-items>div{scroll-snap-align:center;width:100vw;display:inline-table}.portfolio-proj-title{margin:0}.portfolio-card{justify-content:center;margin:0}#arrow-mobile{display:block}.arrow{cursor:pointer;border:2px solid #4fc3f780;border-width:0 2px 2px 0;width:15px;height:15px;padding:3px;display:inline-block;position:absolute;top:22px}}@media only screen and (max-width:900px){.portfolio-site-img img{object-fit:cover;object-position:100% 0;width:100vw;height:60vh}.portfolio-placeholder{height:60vh!important}}@media (max-width:500px){.portfolio-proj-title{font-size:2em}}.portfolio-placeholder{background:#10101e;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;width:85vw;min-width:300px;max-width:350px;height:55vh;margin:1em auto;display:flex;position:relative}
.lds-default{width:80px;height:80px;display:inline-block;position:absolute}.lds-default div{background:#4fc3f7;border-radius:50%;width:6px;height:6px;animation:1.2s linear infinite lds-default;position:absolute}.lds-default div:first-child{animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}
#components{color:#f0f4ff;background:#080810;height:600px}#components-menu{justify-content:space-between;width:100%;max-width:600px;margin:10px auto 30px;display:flex}#components-menu img{filter:invert()opacity(.5);width:30px;padding:10px 0;transition:filter .2s}#components-menu img:hover{filter:invert()opacity(.8)}.components-menu-inner{background:#10101e;border:1px solid #ffffff12;border-radius:50px;align-items:center;max-width:120vw;padding:4px 8px;display:flex;overflow-x:scroll}.components-menu-inner div{color:#8892aa;cursor:pointer;border-radius:50px;flex:none;margin:0 4px;padding:5px 12px;text-decoration:none;transition:color .2s}.components-menu-inner div p{letter-spacing:.03em;margin:0;font-size:18px}.components-menu-inner div.selected{color:#080810;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-radius:50px;flex:none;margin-right:4px;padding:5px 16px;text-decoration:none;box-shadow:0 0 16px #4fc3f740}.components-menu-inner div.selected p{color:#fff}.components-menu-inner::-webkit-scrollbar{display:none}.calendar-container{border:1px solid #ffffff12;border-radius:1.5em;width:100%;max-width:300px;height:100%;max-height:300px;margin:0 auto;display:table;overflow:hidden;box-shadow:0 8px 32px #0009,0 2px 8px #0006}.date-select-row{color:#f0f4ff;background:#10101e;border-top:3px solid #4fc3f7;justify-content:space-around;align-items:center;width:calc(100% - 1em);max-width:calc(300px - 1em);height:auto;margin:5px auto 0;padding:.5em;display:flex;overflow:hidden}.week{color:#f0f4ff;background:#10101e;display:flex}.week>div{color:#8892aa;padding:5px}.day{width:14.2857%;height:14.2857%}.today{color:#fff;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-radius:4px}.calendar-header{color:#fff;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);padding:5px;font-size:1.5em}.not-month{color:#8892aa59}input{color:#f0f4ff;background:#161628;border:1px solid #ffffff12;border-radius:10px;margin:0 .5em;padding:5px 10px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#4fc3f733;outline:none;box-shadow:0 0 0 3px #4fc3f71a}input.error::placeholder,.error{color:#ff6b6b}.submit-row{justify-content:center;align-items:center;margin:1em auto;display:flex}ul#notes{width:auto;max-width:400px;max-height:60vh;margin:1em auto;padding:0;overflow-y:scroll}ul#notes li{align-items:center;width:100%;list-style-type:none;animation:.5s ease-out forwards notes;display:flex}ul#notes li>span{text-align:left;color:#8892aa;background-color:#10101e;border:1px solid #ffffff12;border-radius:10px;width:80%;margin:4px 0;padding:8px 12px;transition:border-color .2s;display:flex;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d}ul#notes li>span:hover{border-color:#4fc3f733}ul#notes li>span>span:first-child{color:#4fc3f7;padding:0 5px}ul#notes li img{cursor:pointer;filter:invert()opacity(.5);width:2em;height:2em;margin:0 5px;transition:filter .2s}ul#notes li img:hover{filter:invert()opacity(.85)}@keyframes notes{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.units{color:#8892aa;height:2em;margin:0 .5em;line-height:calc(2em - 3px)}select{color:#f0f4ff;cursor:pointer;background:#10101e;border:1px solid #ffffff12;border-radius:1em;width:6em;margin:0 .5em 0 0;padding:2px 4px}select:focus{border-color:#4fc3f733;outline:none}.conversion-result{color:#f0f4ff;margin:0 1em}.tictactoe-main p.heading{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);-webkit-text-fill-color:#0000;letter-spacing:.03em;-webkit-background-clip:text;background-clip:text;margin:-1em 0 0;font-size:2em}.tictactoe-main p.heading span{font-weight:700}.board{flex-wrap:wrap;justify-content:space-between;width:40vh;height:40vh;margin:1em auto 0;display:flex}.board button{cursor:pointer;background:0 0;border:1px solid #ffffff12;flex:0 13.3333vh;height:13.3333vh;margin:0;transition:background .2s}.board button:hover{background:#4fc3f70a}.board button p{color:#4fc3f7;justify-content:center;align-items:center;margin:0;font-size:5em;display:flex}.winner p{color:#ff6b6b;text-shadow:0 0 12px #ff6b6b80;-webkit-text-fill-color:#ff6b6b!important}.ttt-controller:first-of-type{margin:0 auto 1em}.ttt-controller{justify-content:space-evenly;align-items:center;width:40vh;height:2em;margin:1em auto 0;display:flex}.ttt-controller>p{color:#8892aa}.ttt-controller>p>span{color:#f0f4ff;padding-left:.5em;font-weight:700}.blue-animation{z-index:9;background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border-bottom-right-radius:50px;width:70%;height:2px;transition:all 1s ease-in-out;position:absolute;top:70px;left:-100vw;box-shadow:0 0 16px #4fc3f74d}.blue-strip{transition:all 1s ease-in-out;left:-1em}
.button{color:#fff;cursor:pointer;border-radius:1em;justify-content:center;align-items:center;padding:0 1em;transition:box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden}.button:hover{transform:translateY(-1px)}.button p{letter-spacing:.03em;margin:0}.button:focus{outline:none}.button:active{box-shadow:none;transform:translateY(0)}.ripple-animate{content:"";opacity:0;background:#fff3;border-radius:50%;width:300px;height:300px;transition:all .1s linear;position:absolute}.ripple{content:"";opacity:.7;background:#ffffff40;border-radius:50%;width:0;height:0;position:absolute}.sm{width:auto;max-width:150px;height:1.5em;font-size:.9em}.md{width:200px;height:1.5em;font-size:1.5em}.icon-only{border-radius:50%;width:40px;height:40px}.color{background:linear-gradient(135deg,#4fc3f7 0%,#7c4dff 100%);border:none;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d,0 0 20px #4fc3f733}.color:hover{box-shadow:0 8px 32px #0009,0 2px 8px #0006,0 0 30px #4fc3f74d}.white{box-shadow:none;color:#4fc3f7;background:0 0;border:1px solid #4fc3f733}.white:hover{background:#4fc3f70f;box-shadow:0 0 20px #4fc3f71a}.center{margin:0 auto}.button.md.icon img{width:1.25em;height:1.25em;padding:0 5px 0 0}.secondary{color:#f0f4ffbf;background:#161628;border:1px solid #ffffff12;box-shadow:0 4px 16px #0006,0 1px 4px #0000004d}.secondary:hover{color:#fff;border-color:#4fc3f733}.fixed{margin:1em 2em;position:absolute;bottom:0;right:2em}
.footer{color:#f0f4ff;background:#10101e;border-top:1px solid #4fc3f733;flex-direction:column;justify-content:space-between;height:fit-content;display:flex;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#4fc3f7,#0000);width:40%;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #4fc3f766}.footer-1{justify-content:center;align-items:center;width:100%;max-width:1200px;height:calc(80vh - 2em);margin:0 auto;padding:2em 1em;display:flex;position:relative}.footer-1>div{width:33vw}.footer-1>div h2{color:#f0f4ff;letter-spacing:.03em;margin-bottom:1em}.footer-1>div:nth-child(2) h3{color:#8892aa;font-size:1.5em}.footer-2{background-color:#080810;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;align-items:center;height:50px;display:flex}.footer-2 p{color:#8892aa;letter-spacing:.05em;margin:0;font-size:.85em}.social-icon{opacity:.7;width:3em;height:3em;margin:0 10px 10px;transition:opacity .2s,transform .2s,filter .2s}.social-icon:hover{opacity:1;filter:drop-shadow(0 4px 12px #4fc3f766);transform:translateY(-3px)}.social-icon svg{width:3em;height:3em;margin:0 10px 10px}@media (max-width:1200px){.footer-1{flex-wrap:wrap;justify-content:center}}@media (max-width:750px){.footer-1>div{width:100%}}@media (max-width:380px){h2{font-size:2.5em}h3{font-size:1em}}