@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600&family=Black+Ops+One&display=swap";
.BackgroundParticles-module__xxkq_a__svgTemplates{display:none}.BackgroundParticles-module__xxkq_a__backgroundParticles{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.BackgroundParticles-module__xxkq_a__backgroundParticles svg{z-index:inherit;fill:var(--particles-color);width:clamp(2.4rem,2vw,3.5rem);height:clamp(2.4rem,2vw,3.5rem);position:absolute}
.Footer-module__Grjkva__footer{place-items:center;margin-top:10rem;margin-bottom:4rem;display:grid}.Footer-module__Grjkva__footerTexts{text-align:center;margin:0 2rem}.Footer-module__Grjkva__footerTexts *{font-family:var(--font-mono)}.Footer-module__Grjkva__footerTexts a{letter-spacing:.1rem;margin:1rem 0;font-size:clamp(1.4rem,2vw,1.8rem)}.Footer-module__Grjkva__footer a:hover{color:var(--main-color)}.Footer-module__Grjkva__copyrightText{font-size:clamp(1.3rem,2vw,1.6rem);font-family:var(--font-mono)}.Footer-module__Grjkva__techStack{margin:1.5rem 0}.Footer-module__Grjkva__techStack>span{letter-spacing:.15rem;font-size:clamp(1.3rem,2vw,1.7rem)}.Footer-module__Grjkva__techList{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;margin:1rem 0;display:flex}.Footer-module__Grjkva__techList>span{letter-spacing:0;border:.15rem solid var(--second-color);cursor:pointer;border-radius:2rem;padding:.2rem 1rem;font-size:clamp(1.2rem,1.5vw,1.5rem);transition:border .5s,color .3s ease-out,transform .2s ease-out}.Footer-module__Grjkva__note{align-items:center;gap:.5rem;max-width:50rem;margin:1.5rem auto;font-size:clamp(1.4rem,2vw,1.8rem);transition:color .3s ease-out;display:flex}.Footer-module__Grjkva__note>hr{border-color:var(--main-color);flex-grow:1;margin:0;transition:border .5s}@media (hover:hover){.Footer-module__Grjkva__techList>span:hover{color:var(--main-color);border-color:var(--main-color);transform:scale(1.05)}.Footer-module__Grjkva__note:hover{color:var(--main-color)}.Footer-module__Grjkva__note:hover>hr{border-color:var(--main-color)}}@media screen and (min-width:768px){.Footer-module__Grjkva__socialLinks svg{fill:var(--second-color);opacity:.7;transition:fill .5s,opacity .5s}.Footer-module__Grjkva__note>hr{border-color:var(--second-color)}}
.Navbar-module___rHu7W__nav{width:100%;z-index:var(--zIndex-nav);--backdropFilter:blur(5px);background:0 0;justify-content:space-between;align-items:center;padding:3rem 8%;transition:padding .5s;display:flex;position:fixed;top:0;left:0}.Navbar-module___rHu7W__nav[data-state=shrink]{-webkit-backdrop-filter:var(--backdropFilter);backdrop-filter:var(--backdropFilter);background-color:var(--nav-background-color);padding:1rem 6%}.Navbar-module___rHu7W__specialText{font-size:clamp(1.8rem,2vw,2.5rem);font-family:var(--heading-font);color:var(--main-color);cursor:pointer;padding:.5rem}.Navbar-module___rHu7W__navLinks{background:var(--background-color);width:80%;height:100%;z-index:var(--zIndex-nav);flex-direction:column;justify-content:center;align-items:center;transition:left .3s ease-in .1s;display:flex;position:fixed;top:0;left:100%}.Navbar-module___rHu7W__navLinks:before{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1;width:100%;height:100%;transition:left .2s ease-out;display:block;position:fixed;left:100%}.Navbar-module___rHu7W__navLinks[data-state=open]{left:20%}.Navbar-module___rHu7W__navLinks[data-state=open]:before{left:0}.Navbar-module___rHu7W__navLinks>a{color:var(--main-color);font-size:1.8rem;font-family:var(--font-mono);padding:1rem 2rem}.Navbar-module___rHu7W__navToggler{padding:.5rem}.Navbar-module___rHu7W__navToggler svg{width:2rem;height:2rem;fill:var(--main-color)}.Navbar-module___rHu7W__navClose{fill:var(--main-color);width:3rem;height:3rem;margin:2.5rem;padding:.5rem;position:absolute;top:0;right:0}@media screen and (min-width:768px){.Navbar-module___rHu7W__navLinks{background:0 0;flex-direction:row;width:auto;height:auto;transition:none;position:relative;top:0;left:0}.Navbar-module___rHu7W__navLinks:before{display:none}.Navbar-module___rHu7W__navLinks>a{color:var(--main-font-color);margin:0 .5rem;padding:0 1rem;font-size:clamp(1.4rem,2vw,1.8rem)}.Navbar-module___rHu7W__navLinks>a:hover{color:var(--main-color)}.Navbar-module___rHu7W__navLinks>.Navbar-module___rHu7W__resumeBut{margin:.5rem 0 .5rem 1rem}.Navbar-module___rHu7W__navToggler,.Navbar-module___rHu7W__navClose{display:none}}
:root{--main-color:#00f5bc;--light-main-color:#03f1b9be;--second-color:#eefff7;--particles-color:#a0a0a0;--light-gray:#8892b077;--background-color:#080808;--text-background-color:#080808aa;--nav-background-color:#171717bb;--card-background-color:#1d1d1dc6;--tooltip-background-color:#1d1d1dde;--hover-color:#00b4935e;--highlight-font-color:#fff;--main-font-color:#e2e2e2;--font-mono:"Roboto Slab",serif;--main-font:"Roboto Slab",serif;--heading-font:"Black Ops One",serif;--zIndex-nav:199}::selection{background-color:var(--light-main-color);color:var(--background-color)}::-webkit-scrollbar{width:clamp(.5rem,1vw,.8rem)}::-webkit-scrollbar-track{background:linear-gradient(var(--nav-background-color),var(--card-background-color));border-radius:.3rem}::-webkit-scrollbar-thumb{background:var(--light-main-color);border-radius:.3rem}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}html{scrollbar-color:var(--light-main-color)var(--nav-background-color);scroll-behavior:smooth;font-size:10px}*{box-sizing:border-box;color:var(--main-font-color);font-family:var(--main-font);-webkit-tap-highlight-color:transparent;position:relative}body{background:var(--background-color);margin:0;padding:10vh 0 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}.code{font-family:var(--font-mono);background-color:#333;border-radius:.7rem;padding:clamp(.2rem,.5vw,.4rem) clamp(.7rem,.5vw,.9rem);font-size:clamp(1.2rem,.9vw,1.4rem)}a{color:inherit;text-decoration:none;transition:color .5s;display:inline-block;position:relative}section{max-width:110rem;margin:auto;padding:2rem .5rem}.button-default{color:var(--main-color);font-size:clamp(14px,2vw,18px);font-family:var(--font-mono);text-transform:uppercase;background-color:var(--text-background-color);border:.1rem solid var(--light-main-color);cursor:pointer;border-radius:5px;padding:1rem 3rem;text-decoration:none;transition:all .5s ease-out}@media (hover:hover){.button-default.hover:hover{color:var(--main-color);border-color:var(--main-color)}}.highlight-text{color:var(--main-color);font-weight:500}.heading{align-items:center;padding:0 1rem;display:flex}.heading>h1{font-size:clamp(2rem,3vw,3rem);font-family:var(--heading-font);margin:3rem clamp(1rem,2vw,2rem)}.heading>hr{border-color:var(--light-gray);width:clamp(80px,30%,300px);margin:0}.resumeIframeContainer{background-color:var(--card-background-color);border-radius:.5rem;display:flex;position:relative;overflow:hidden}.resumeIframeContainer>p{font-size:clamp(2rem,2vw,4rem);font-family:var(--font-mono);color:var(--light-gray);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.resumeIframeContainer>iframe{width:100%;height:75vh}.social-links{justify-content:center;gap:clamp(2.5rem,2.2vw,4rem);margin:2rem 0;display:flex}.social-links svg{fill:var(--main-color);background-color:var(--background-color);width:clamp(2.5rem,2.2vw,3.5rem);height:clamp(2.5rem,2.2vw,3.5rem)}.social-links.lg svg{width:clamp(2.8rem,2.2vw,4rem);height:clamp(2.8rem,2.2vw,4rem)}@media (hover:hover){.social-links svg:hover{fill:var(--main-color);opacity:1}[title]:hover:after{content:attr(title);color:var(--second-color);background:var(--tooltip-background-color);font-family:var(--font-mono);z-index:10;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);border-radius:.5rem;width:max-content;max-width:20rem;margin:0;padding:.5rem 1rem;font-size:clamp(1.2rem,2vw,1.5rem);animation:.3s ease-out forwards showTitleAni;position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%)scale(.5)}}@media screen and (min-width:768px){section{padding:10rem 1rem}@keyframes showTitleAni{to{transform:translate(-50%)scale(1)}}.button-default{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:.1rem solid var(--main-font-color);color:var(--main-font-color)}.social-links svg{fill:var(--second-color);opacity:.7;transition:fill .5s,opacity .5s}}@media screen and (min-width:1600px){html{font-size:11px}}@media screen and (min-width:2000px){html{font-size:14px}}
