.hero{display:grid;min-height:80vh;margin-bottom:10vh;font-size:clamp(.5rem,.5rem + 1.25vw,1.5rem)}.hero .hero-image .profile{width:min(50vmin,35vmax);height:min(50vmin,35vmax);background:linear-gradient(var(--fg-color) 0 0) top left,linear-gradient(var(--fg-color) 0 0) top left,linear-gradient(var(--fg-color) 0 0) top right,linear-gradient(var(--fg-color) 0 0) top right,linear-gradient(var(--fg-color) 0 0) bottom left,linear-gradient(var(--fg-color) 0 0) bottom left,linear-gradient(var(--fg-color) 0 0) bottom right,linear-gradient(var(--fg-color) 0 0) bottom right;background-size:10vmin .125rem,.125rem 10vmin;background-repeat:no-repeat}.hero .hero-image .profile img{width:75%;border-radius:50%}.hero .hero-content .hero-text>:first-child{font-size:1em;letter-spacing:.125em}.hero .hero-content .hero-text>:nth-child(2){font-weight:700;font-size:2.675em;letter-spacing:.075em;line-height:1.25}.hero .hero-content .hero-text>:last-child{font-size:1.25em;letter-spacing:.125em}.hero .hero-content .btn-box,.hero .hero-content .quick-links{gap:1.25vmax}.hero .hero-content>.btn-box{margin:2.25vh 0 1.75vh}@media screen and (min-width:1024px){.hero{grid-template-columns:repeat(2,1fr)}.hero .hero-content{grid-row:1;grid-column:1}.hero .hero-image{grid-row:1;grid-column:2}}.about .about-grid{display:grid;gap:.75rem 1.25rem}.about .about-grid>img{margin:0 auto;height:40vmin;border-radius:.5rem}.about .about-grid .about-content{font-size:clamp(.675rem,.675rem + 1.125vw,1.125rem)}.about .about-grid .about-content .highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2.5vmin;margin:10vmin 0 7.5vmin;width:80%}.about .about-grid .about-content .highlight-grid .about-highlight>p{font-size:1.125em;margin-bottom:1.25vmin;letter-spacing:.125em}.about .about-grid .about-content .highlight-grid .about-highlight>div{color:var(--fgl-color);font-size:.875em}.about .about-grid .about-content .about-text{color:var(--fgl-color);max-width:90%;gap:1.25vmax}.about .about-grid .about-content .about-text>:first-child{font-size:1.125em}.about .about-grid .about-content .about-text>p{font-size:.875em}.about .about-grid .about-content .about-text>p>span{font-weight:700}.about .about-grid .about-content .about-text>div{width:50%;height:.125rem;border-radius:.25rem;margin:0 auto;background-color:var(--fgl-color)}.about .about-grid .about-content .about-text>:last-child{width:30%}@media screen and (min-width:1280px){.about .about-grid{grid-template-columns:repeat(2,1fr)}.about .about-grid>img{height:65vh}.about .about-grid .about-content .highlight-grid{margin-top:0}.about .about-grid .about-content .highlight-grid .about-highlight{border:solid var(--fg-color);border-width:0 .125rem}.about .about-grid .about-content .about-text{max-width:80%}}.card{align-items:flex-start;justify-content:space-between;font-size:clamp(.5rem,.5rem + .75vw,1rem);border:.125rem solid var(--fg-color);border-radius:.75rem;padding:1.25em 1.5em;gap:1em;transition:transform .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.card .title,.card .end-box{width:100%;justify-content:space-between}.card .title{font-size:1.375em;font-weight:700}.card .description{font-size:1em;color:var(--fgl-color);margin:.5em 2em 0 0}.card .end-box .techs{flex-wrap:wrap;gap:.5em}.card .end-box .techs>span{color:var(--fg-color);background-color:var(--bgl-color);font-size:.75em;padding:.125em .875em;border-radius:10rem;transition:color .5s ease,background-color .5s ease}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--bg-color);transform:translateY(-.25em);box-shadow:0 .75vmax 1.25vmax var(--fgl-color)}}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(10rem,10rem + 30vw,40rem),1fr));padding:0 1.25vmax;gap:1.5vmax 1.25vmax}.hire{font-size:clamp(.5rem,.5rem + .75vmax,1.25rem)}.hire .hire-content{padding:2.25vmin 1.75vmax;background-color:var(--bgl-color);border-radius:.5rem}.hire .hire-content>:first-child{font-size:1.25em;font-weight:700}.hire .hire-content>:nth-child(2){font-size:.875em;text-align:center;margin:1.5em 0 1em}.hire .hire-content .btn-box{gap:1vmin}.hire .hire-content .btn-box button{font-size:.75em;border-width:.175em}.backdrop{transition:opacity .5s ease;background-color:#000000bf}.backdrop.hide{opacity:0;pointer-events:none}.backdrop.show{opacity:1;z-index:10;pointer-events:auto}.back-to-top-btn{position:fixed;bottom:1.75rem;right:1.75rem;z-index:5}.status-field{position:fixed;gap:.5vh;left:0;right:0;text-align:center;bottom:3.25vh;z-index:25;pointer-events:none}.status-field .status{color:#d7dce1;background-color:#73787d;font-size:clamp(.5rem,.5rem + .75vw,.75rem);border-radius:.25rem;padding:.375em .675em;opacity:0;transition:opacity .5s ease}.status-field .status.show{opacity:1}.scroll-progress-bar{position:fixed;top:0;left:0;height:1px;z-index:25;background-color:var(--fg-color)}@media screen and (max-width:1024px){.back-to-top-btn{display:none}}.splash{min-height:100vh;opacity:0;z-index:25;pointer-events:auto;transition:opacity .5s ease}.splash .progress-bar{width:min(10rem,40vw);height:4px;border:1px solid var(--fg-color);border-radius:.25rem;margin-bottom:.5rem}.splash .progress-bar .progress{height:2px;background-color:var(--fg-color);animation:grow 1s forwards}.splash .text{opacity:0;font-size:clamp(.75rem,.75rem + .5vw,1rem);transition:opacity .25s ease}.splash .text.show,.splash.show{opacity:1}@keyframes grow{0%{width:0}to{width:100%}}.nav-bar{min-height:10vh;justify-content:space-between;font-size:clamp(.75rem,.75rem + 1.5vw,1.75rem)}.nav-bar .nav-logo{letter-spacing:.25em;cursor:pointer}.nav-bar .theme,.nav-bar .nav-list{display:none}@media screen and (min-width:1024px){.nav-bar .nav-list{display:flex;gap:2.25vmax;font-size:.5em;letter-spacing:.125em}.nav-bar .theme{display:block;font-size:.625em;min-width:5.875em;border:solid var(--fg-color);border-width:0 .125rem;letter-spacing:.075em;text-align:center;cursor:pointer;transition:color .5s ease,border-color .5s ease}.nav-bar .menu-btn{display:none}}@media(hover:hover)and (pointer:fine){.nav-bar .theme:hover{color:var(--hvr-color)}}.foot{font-size:min(.75rem,.5rem + .5vw,1.25rem)}.foot .foot-content{display:grid;font-size:1.125em;grid-template-columns:repeat(auto-fit,minmax(clamp(10rem,10rem + 10vw,20rem),1fr));margin:10vh 0 5vmin;border:solid var(--bg-color);border-width:0 .125rem;transition:border-color .5s ease;gap:1.5rem}.foot .foot-content .foot-heading{font-size:1.25em;font-weight:700;margin-bottom:1.25em}.foot .foot-content .social .social-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.375em .5em}.foot .foot-content .social>:nth-child(3){margin:.5em 0 1.5em}.foot .foot-content.highlight{border-color:var(--fgl-color)}.resume .resume-content{position:relative}.resume .resume-content img{max-height:80vh;max-width:80vw;border-radius:.5rem;background-color:#d7dce1}.resume .resume-content svg{position:absolute;fill:#2d3237;right:min(1em,2.5vw)}.resume .resume-content .close-btn{top:min(1em,2.5vw)}.resume .resume-content .download-btn{bottom:min(1.5em,2.875vw)}@media(hover:hover)and (pointer:fine){.resume .resume-content svg:hover{fill:#7d8287}}.menu-list{display:flex;position:fixed;flex-direction:column;overflow:hidden;gap:1em;top:0;left:0;bottom:0;transform:translate(-100%);padding:7.5vmin 7.5vmin 0;font-size:clamp(.25rem,.25rem + 1vmax,1rem);background-color:var(--bg-color);transition:transform .25s ease-in,color .5s ease,background-color .5s ease}.menu-list .menu-heading{gap:max(.375em,2.5vw);margin-bottom:1.25vmax;font-weight:700;font-size:1.375em}.menu-list .menu-heading .theme-btn{width:1em}.menu-list .github-logo{display:block;width:1.875em;margin-top:2.5vmax}.menu-list.show{z-index:15;transform:translate(0)}@media screen and (min-width:1024px){.menu-list{display:none}}.gallery .image-box{position:relative;width:80vw;aspect-ratio:16 / 9}.gallery .image-box .gallery-image{width:100%;object-fit:contain;object-position:center}.gallery .image-box svg{position:absolute;fill:#b9bec3}.gallery .image-box .left{left:1.25vw}.gallery .image-box .right{right:1.25vw}.gallery .image-box .close{display:none}@media screen and (min-width:1024px){.gallery .image-box .close{display:block;top:1.25vh;left:50%;transform:translate(-50%)}}@media(hover:hover)and (pointer:fine){.gallery .image-box svg:hover{fill:#91969b}}.support{color:var(--fg-color);font-size:clamp(.5rem,.5rem + .5vw,1rem)}.support .support-content{color:#cdd2d7}.support .support-content>img{border-radius:.5rem;max-width:60vw;margin-top:2.5vh;max-height:60vh}.container{opacity:0;padding:0 5vw;transition:opacity .5s ease}.container.show{opacity:1}.tran{transition:opacity .25s ease}.tran.hide{opacity:0;pointer-events:none}.tran.show{opacity:1;z-index:20;pointer-events:auto}.flex{display:flex;align-items:center}.flex.col{flex-direction:column}.flex.just{justify-content:center}.fixed{position:fixed;inset:0}.heading{justify-content:space-evenly;font-size:clamp(.75rem,.75rem + 1.5vw,1.75rem);letter-spacing:.25em;border:solid var(--fg-color);border-width:0 .125rem;height:5vh;margin-bottom:7.5vmin;transition:border-color .5s ease}.heading>div{width:min(30%,20vw);height:.125rem;background-color:var(--fg-color)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Poppins-Regular-rkqrbHHH.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Poppins-Bold--aKA7T72.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,sans-serif}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}html[data-theme=Dark]{--fg-color: rgb(185, 190, 195);--bg-color: rgb(45, 50, 55);--fgl-color: rgb(125, 130, 135);--bgl-color: rgb(65, 70, 75);--hvr-color: rgb(145, 150, 155)}html[data-theme=Light]{--fg-color: rgb(45, 50, 55);--bg-color: rgb(215, 220, 225);--fgl-color: rgb(115, 120, 125);--bgl-color: rgb(205, 210, 215);--hvr-color: rgb(125, 130, 135)}body{color:var(--fg-color);background-color:var(--bg-color);transition:color .5s ease,background-color .5s ease}section:not(.projects){text-align:center}section:not(.splash,.hero){margin-top:5vh}section:not(.splash,.hero,.foot){opacity:0;min-height:95vh;transition:opacity .175s ease}section:not(.splash,.hero,.foot).reveal{opacity:1}a{color:var(--fg-color);text-decoration:none;transition:color .5s ease}li{list-style-type:none;transition:color .5s ease}svg{fill:var(--fg-color);width:min(1.5rem,2.75vmax);transition:fill .5s ease}button{color:var(--fg-color);background-color:transparent;border:.175rem solid var(--fg-color);border-radius:.25em;padding:.5em .75em;font-size:clamp(.375rem,.375rem + .675vmax,.875rem);transition:color .5s ease,border-color .25s ease-in-out}button:active{border-color:var(--hvr-color)}@media(hover:hover)and (pointer:fine){a:hover,button:hover,li:hover{cursor:pointer;color:var(--hvr-color)}svg:not(.decor):hover{cursor:pointer;fill:var(--hvr-color)}}