.header{position:fixed;left:0;right:0;display:flex;flex-direction:row;height:52px;justify-content:space-between;align-items:center;padding:10px 20px;font-size:32px;border-bottom-style:none;box-shadow:inset 15px 10px 32px #ffffff0a;z-index:1000;background-color:#0e0d0df8}.left-section{display:flex;font-weight:400;font-size:36px;width:350px;justify-content:start;margin-left:auto}.middle-section{display:flex;text-align:center;justify-content:center;flex-shrink:0}.right-section{display:flex;width:350px;justify-content:end;margin-right:auto}.header-text{display:inline-block;padding-left:20px;padding-right:20px;font-size:20px}.logo-text{display:inline-block;padding-left:20px;padding-right:20px;font-weight:700;font-size:35px}.header-mobile{display:none}.navBar{opacity:0}@media (max-width: 800px){.dropdown-button{height:50px;width:50px;background-color:transparent;padding-right:45px;border:none;z-index:1001;cursor:pointer}.menu-img{height:35px;width:35px}.header{display:none}.hide-header{opacity:0}.header-mobile{position:fixed;top:0;left:0;height:100px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:0;justify-content:space-between;align-items:center;background-color:#0e0d0d;opacity:.9;z-index:1000;box-shadow:5px 5px 5px #0c0c0c36}.navBar{position:fixed;top:100px;left:0;display:flex;flex-direction:column;width:100%;row-gap:10px;background-color:#0e0d0d;filter:blur(5px);transform:translateY(-100%);opacity:0;z-index:999;transition:all .6s}.navBar.visible{opacity:1;filter:blur(0);transform:translateY(0)}.header-mobile .logo-text{margin:0;text-wrap:nowrap}#dropdownMenu a{width:fit-content}}@font-face{font-family:Nova Mono;src:url(/assets/NovaMono-Regular-C80PDrkp.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AbrilFatFace;src:local("AbrilFatFace"),url(/assets/AbrilFatface-Regular-CF4J23BR.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(../../public/fonts/Roboto-VariableFont_wdth,wght.ttf)}@font-face{font-family:Roboto;src:url(../../public/fonts/Roboto-VariableFont_wdth,wght.ttf);font-style:italic}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-VariableFont_wght-Be6w_Krw.ttf)}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Italic-VariableFont_wght-BjKlAK0a.ttf);font-style:italic}@media (max-width: 800px){.home-grid{padding-top:200px;display:flex;justify-content:center;flex-direction:column;width:auto}:root{background-color:#0e0d0d;color:#fff;font-family:Roboto Mono;opacity:100%;max-width:100%}body{font-family:Roboto Mono;margin:0;width:100%}div{width:100%;font-family:Roboto Mono}}:root{background-color:#0e0d0d;color:#fff;font-family:Roboto Mono;opacity:100%;max-width:100%}body{font-family:Roboto Mono;margin:0}div{font-family:Roboto Mono}.dash{letter-spacing:-3px}.background-img{position:fixed;width:100%;height:100%;z-index:-5;opacity:3%}a,a:link,a:hover,a:focus,a:active,a:visited{color:#fff;cursor:pointer;text-decoration:none}.home-grid{padding-top:100px;display:flex;justify-content:center;flex-direction:column}.section-header{font-size:45px;font-weight:700;font-family:Roboto;display:block;padding-bottom:15px}.hidden{opacity:0;filter:blur(5px);transform:translate(-50%);transition:all .8s}.show{opacity:1;filter:blur(0);transform:translate(0)}.header-mobile.hidden{transform:translate(0)}#backToTopBtn{display:block;position:fixed;bottom:10px;left:50%;z-index:99;border:none;outline:none;background-color:#00000080;color:#fff;cursor:pointer;padding:10px;border-radius:5px;font-size:16px;opacity:.3;transition:opacity .3s ease-in-out}#backToTopBtn:hover{opacity:1}#backToTopBtn svg{width:1.2em;height:1.2em;display:block;margin:0 auto}html{scroll-behavior:smooth}.anchor{z-index:1000}@media (max-width: 800px){#backToTopBtn{display:none}}.contact-container{display:flex;flex-direction:column;margin:0 auto;border-style:solid;border-width:1px;border-radius:9px;border-color:#92939452;width:800px}.title-row{display:flex;flex-direction:row;justify-content:space-between}.button-grid{display:flex;flex-direction:row}.dev-name{font-weight:700;font-size:32px;justify-content:start;margin-top:20px;margin-left:20px;margin-bottom:0}.location-text{margin-top:5px;margin-left:20px;vertical-align:bottom;font-weight:400;color:#d9d9dac0}.bio-text{margin-top:5px;margin-left:20px;vertical-align:bottom;font-weight:400}.contact-button{--hover-icon-color: black;--hover-bg: rgb(0, 255, 234);--hover-shadow: rgb(245, 244, 244);width:50px;height:50px;margin-top:15px;margin-right:20px;border-radius:12px;padding:8px;background-color:transparent;border-style:solid;border-color:#fcfcfc3b;border-width:2px;cursor:pointer;box-shadow:4px 4px 9px #00000091;color:#fff;transition:.2s}.contact-button:hover{color:var(--hover-icon-color);background-color:var(--hover-bg);transform:translate(-.25em,-.25em);box-shadow:.17rem .17rem 0 var(--hover-shadow)}.contact-button:active{transform:translate(0);box-shadow:none}.experience-container p{padding-left:.25rem;margin-bottom:0;margin-top:0}.experience-container{display:flex;flex-direction:column;margin:20px auto;width:800px}.company-text{font-size:25px;color:#5ad4d4;font-weight:700;width:max-content;position:relative;padding-bottom:2px}.company-text:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background:#fff;transition:transform .2s ease-in-out;transform:scale(0)}.company-text:hover:after{content:"";background-color:#fff;transform:scale(1);position:absolute}.date-text{padding-top:2px;color:#e7e7e7;font-size:14px}.position-text{font-size:27px;font-weight:800;font-style:italic}.date-container,.transition-text{display:inline-block}ul{margin-top:0}ul svg{padding-right:12px;display:inline}li{padding:10px 0}.project-container{display:flex;flex-direction:column;margin:10px auto;justify-content:end}.project-container p{padding-left:.25rem;margin-bottom:0;margin-top:0;z-index:20}.project-container-box{border-style:solid;border-radius:12px;min-width:auto;width:800px;height:500px;border-width:1px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:end;margin-bottom:30px}.project-container-box.project-individual{padding-top:5px;height:fit-content;margin-bottom:0}.project-img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;cursor:pointer;transition:.5s;position:absolute}.project-img img{width:100%;height:100%;object-fit:cover;display:block}.project-tech-img{height:25px;width:25px;vertical-align:top;margin-right:5px}.project-img:hover{transform:scale(1.05)}.project-info-container{display:flex;flex-direction:row;padding-left:10px;padding-bottom:10px;flex-wrap:wrap;row-gap:5px}.project-name{font-size:1.25rem;font-weight:700}.hide{display:none}.project-container-box:hover .hide{display:block;z-index:23}.github-button{z-index:23;width:fit-content;height:40px;border-radius:9px;background-color:#ffffffe5;border-style:solid;border-width:1px;border-color:#ffffff8a;color:#000;font-family:Roboto Mono;font-weight:700;font-size:15px;box-shadow:3px 3px 20px #000000a3;cursor:pointer;margin:0 7px;padding:5px 15px}.gradient{height:100%;width:100%;background:linear-gradient(to bottom,#0000 10%,#000);position:absolute;overflow:auto;z-index:18;cursor:pointer;pointer-events:none}.tech-stack-button{background-color:transparent;color:#fff;width:fit-content;height:fit-content;border-style:solid;border-width:1px;border-color:#d3d3d3a1;border-radius:4px;margin:0 7px;padding:5px 15px;font-size:24px;font-family:Roboto;z-index:23}.tech-container p{padding-left:.25rem;margin-bottom:0;margin-top:0}.tech-container{display:flex;flex-direction:column;margin:20px auto;width:800px;overflow:hidden;padding:60px 0}.tech-container-background{border-top-style:solid;border-bottom-style:solid;border-width:1px;border-top-color:#4444;border-bottom-color:#4444}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.logo-slide-container{white-space:nowrap;overflow:hidden;position:relative}.logo-slide-container:before,.logo-slide-container:after{position:absolute;top:0;width:250px;height:100%}.logo-slide-container:before{background:linear-gradient(to left,#fff0,#0e0d0d);left:0;z-index:2;content:""}.logo-slide-container:after{background:linear-gradient(to right,#fff0,#0e0d0d);right:0;z-index:2;content:""}.logos-slide{display:inline-flex;animation:30s slide infinite linear;padding-top:15px;padding-bottom:15px;align-items:center}.logo-slide-container:hover .logos-slide{animation-play-state:paused}.logos-slide img{height:50px;width:50px;margin:0 20px}.project-header{padding-bottom:2px;font-size:45px;font-weight:700;font-family:Roboto;display:block}@media (max-width: 800px){.title-row{flex-direction:column}.dev-name{text-wrap:nowrap}.button-grid{margin-bottom:10px;margin-left:20px}.contact-container{width:95%}.tech-container{width:100%}.experience-container{width:90%}.experience-container ul{font-size:12px}.logo-slide-container{white-space:nowrap;overflow:hidden;position:relative}.logos-slide{min-width:max-content}.project-container-box{width:350px;margin:10px auto}.tech-stack-button{font-size:16px}.project-tech-img{width:15px;height:15px}.project-info-container .project-desc{font-size:10px;padding-right:20px}.project-desc{width:100%}}