@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital@0;1&display=swap);:root{--clr-light:#fff;--clr-green:#0fd;--clr-bg:#171717;--clr-bg-light:#1c1c1c;--clr-bg-dark:#000;--clr-text-primary:#fff;--clr-text-secondary:#c4c4c4;--clr-text-tertiary:#5e5e5e}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0fd;background:var(--clr-green);border-radius:100vw}::-webkit-scrollbar-thumb:hover{background:#009985}@supports (scrollbar-color:var(--clr-green ) transparent){*{scrollbar-color:#0fd transparent;scrollbar-color:var(--clr-green) transparent;scrollbar-width:3px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;background:var(--clr-bg);color:#fff;color:var(--clr-light);font-family:Open Sans,sans-serif;min-height:100vh;width:100%}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#c4c4c4;color:var(--clr-text-secondary);cursor:pointer;text-decoration:none;text-transform:capitalize;transition:color .4s ease-out}a:focus,a:hover{color:#0fd;color:var(--clr-green)}li{margin:0;padding:0}.html-open-element{max-width:4vw}.html-closing-element,.html-open-element{display:block;margin-block:.8em;max-height:3vw;padding:0}.html-closing-element{max-width:5vw}.sr-only{opacity:0}.resize-animation-stopper *{-webkit-animation:none!important;animation:none!important;transition:none!important}.flex{display:flex;gap:1rem;gap:var(--gap,1rem)}@font-face{font-display:swap;font-family:Herbarium;font-style:normal;font-weight:400;src:url(/static/media/HerbariumRegular.cae5075a46923ccbf833.woff2) format("woff2"),url(/static/media/HerbariumRegular.001d99b4a35d26660921.woff) format("woff")}.about{flex-direction:column;gap:2rem;height:100vh;margin-left:130px;padding-block:20vh;padding-inline:clamp(3rem,4vw,5rem);position:relative;width:calc(100vw - 135px)}.about .important{color:var(--clr-green);font-family:Herbarium;font-style:normal;font-weight:700}.about .name-container{width:100%}.about .name{font-family:Playfair Display,sans-serif;font-size:clamp(2rem,5vw,7rem);font-weight:400;line-height:.8em;margin-bottom:0}.about .subscript{color:var(--clr-text-tertiary);font-family:cursive;font-size:clamp(.6rem,1vw,3rem);font-style:italic;margin-top:1em}.about .bio{color:var(--clr-text-secondary);font-size:clamp(.6rem,1.3vw,3rem);line-height:1.2em;margin-top:1em;width:clamp(30em,55vw,40em)}.about .icons>svg{-webkit-animation:fade-in .3s ease-out forwards;animation:fade-in .3s ease-out forwards;color:var(--clr-text-tertiary);font-size:clamp(3rem,4vw,6rem);opacity:0}.about .icons>svg:first-child{-webkit-animation-delay:2s;animation-delay:2s;bottom:78vh;left:39vw;position:absolute;right:66vw;top:86vh;z-index:-1000}.about .icons>svg:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s;bottom:3vh;left:45vw;position:absolute;right:7vw;top:57vh;z-index:-1000}.about .icons>svg:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;bottom:8vh;left:11vw;position:absolute;right:9vw;top:87vh;z-index:-1000}.about .icons>svg:nth-child(4){-webkit-animation-delay:5s;animation-delay:5s;bottom:25vh;left:40vw;position:absolute;right:16vw;top:38vh;z-index:-1000}.about .icons>svg:nth-child(5){-webkit-animation-delay:6s;animation-delay:6s;bottom:23vh;left:50vw;position:absolute;right:46vw;top:36vh;z-index:-1000}.about .icons>svg:nth-child(6){-webkit-animation-delay:7s;animation-delay:7s;bottom:26vh;left:18vw;position:absolute;right:74vw;top:40vh;z-index:-1000}.about .images{display:flex;justify-content:flex-start;padding-left:0;width:100%}.about .first-image{width:50%}.about .hover-text,.about .scroll-icon{color:var(--clr-text-tertiary);position:absolute}.about .hover-text{display:none;right:10em;top:30%;-webkit-transform:rotate(6deg);transform:rotate(6deg)}.about .hover-text:before{-webkit-animation:write-text 5s step-end forwards;animation:write-text 5s step-end forwards;content:"";position:absolute;right:0;width:-webkit-max-content;width:max-content}.about .scroll-icon{-webkit-animation:bounce 1s ease-out infinite;animation:bounce 1s ease-out infinite;border:3px solid var(--clr-green);border-radius:50%;bottom:1em;color:var(--clr-green);font-size:8vh;font-weight:400;left:45%;padding:.1em}@-webkit-keyframes fade-in{to{opacity:.3}}@keyframes fade-in{to{opacity:.3}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes write-text{0%{content:"H"}3.2258064516%{content:"Ho"}6.4516129032%{content:"Hov"}9.6774193548%{content:"Hove"}12.9032258065%{content:"Hover"}16.1290322581%{content:"Hover "}19.3548387097%{content:"Hover o"}22.5806451613%{content:"Hover ov"}25.8064516129%{content:"Hover ove"}29.0322580645%{content:"Hover over"}32.2580645161%{content:"Hover over "}35.4838709677%{content:"Hover over m"}38.7096774194%{content:"Hover over my"}41.935483871%{content:"Hover over my "}45.1612903226%{content:"Hover over my n"}48.3870967742%{content:"Hover over my na"}51.6129032258%{content:"Hover over my nam"}54.8387096774%{content:"Hover over my name"}58.064516129%{content:"Hover over my name "}61.2903225806%{content:"Hover over my name t"}64.5161290323%{content:"Hover over my name to"}67.7419354839%{content:"Hover over my name to "}70.9677419355%{content:"Hover over my name to s"}74.1935483871%{content:"Hover over my name to se"}77.4193548387%{content:"Hover over my name to see"}80.6451612903%{content:"Hover over my name to see "}83.8709677419%{content:"Hover over my name to see m"}87.0967741935%{content:"Hover over my name to see me"}90.3225806452%{content:"Hover over my name to see me "}93.5483870968%{content:"Hover over my name to see me :"}96.7741935484%{content:"Hover over my name to see me :)"}to{content:"Hover over my name to see me :)"}}@keyframes write-text{0%{content:"H"}3.2258064516%{content:"Ho"}6.4516129032%{content:"Hov"}9.6774193548%{content:"Hove"}12.9032258065%{content:"Hover"}16.1290322581%{content:"Hover "}19.3548387097%{content:"Hover o"}22.5806451613%{content:"Hover ov"}25.8064516129%{content:"Hover ove"}29.0322580645%{content:"Hover over"}32.2580645161%{content:"Hover over "}35.4838709677%{content:"Hover over m"}38.7096774194%{content:"Hover over my"}41.935483871%{content:"Hover over my "}45.1612903226%{content:"Hover over my n"}48.3870967742%{content:"Hover over my na"}51.6129032258%{content:"Hover over my nam"}54.8387096774%{content:"Hover over my name"}58.064516129%{content:"Hover over my name "}61.2903225806%{content:"Hover over my name t"}64.5161290323%{content:"Hover over my name to"}67.7419354839%{content:"Hover over my name to "}70.9677419355%{content:"Hover over my name to s"}74.1935483871%{content:"Hover over my name to se"}77.4193548387%{content:"Hover over my name to see"}80.6451612903%{content:"Hover over my name to see "}83.8709677419%{content:"Hover over my name to see m"}87.0967741935%{content:"Hover over my name to see me"}90.3225806452%{content:"Hover over my name to see me "}93.5483870968%{content:"Hover over my name to see me :"}96.7741935484%{content:"Hover over my name to see me :)"}to{content:"Hover over my name to see me :)"}}@media (max-width:81rem){.about{margin:0;padding-inline:clamp(2em,10vw,5em);width:100%}}@media (min-width:850px){.about{flex-direction:row;padding-inline:2em}.images{width:auto}.about .bio{width:100%}.about .scroll-icon{left:50%}}@media (min-width:850px) and (hover:hover){.about .images{display:none}.about .letter-name{position:relative}.about .letter-name:hover:before{content:url(/static/media/placeholder-small.caff09d8a9e14cebbfdb.svg);pointer-events:none;position:absolute;top:-15vw;z-index:-20}.about .bio-container{width:clamp(30em,60vw,70%)}.about .hover-text{display:block}}@media (min-width:850px) and (hover:none){.about .images{align-items:flex-start;justify-content:center}.about .first-image{aspect-ratio:1;width:100%!important}.about .bio-container{width:clamp(30em,50vw,90%)}}.contact{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:row;margin-left:130px;min-height:50vh;padding-block:10vh;padding-inline:clamp(3rem,4vw,5rem);position:relative;width:calc(100vw - 135px)}.contact .heading{font-family:Playfair Display,sans-serif;font-size:clamp(2rem,5vw,7rem);font-weight:400;line-height:.8em}.contact .heading>span{transition:color .4s ease-out}.contact .heading>span:hover{color:var(--clr-green)}.contact .subheading{color:var(--clr-text-secondary);font-size:clamp(.6rem,1.3vw,3rem);padding-block:.5em;transition:color .5s ease-out;width:100%}.contact .subheading>a{color:var(--clr-green)}.contact .subheading>a:focus,.contact .subheading>a:hover{opacity:.6}.contact .contact-btn{background:var(--clr-bg-light);border:.1em solid var(--clr-green);border-radius:.2em;color:var(--clr-text-secondary);font-size:clamp(.6rem,1vw,1.5rem);padding:.5em 1.25em;text-transform:uppercase;transition:all .3s ease-out}.contact-btn:hover{background:var(--clr-green);color:var(--clr-bg-dark)}.contact-form{align-items:center;display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.contact-form>:not(button){background-color:var(--clr-bg-light);border-radius:.2em;color:var(--clr-text-primary);font-size:clamp(.6rem,1vw,2rem);padding:1em;width:100%}.contact-form>:first-child{margin-top:1em}.contact-form>button{align-self:center;background:var(--clr-bg-light);border:.1em solid var(--clr-green);border-radius:.2em;color:var(--clr-text-secondary);font-size:clamp(.6rem,1vw,1.5rem);margin-top:2em;padding:.5em 1.25em;text-transform:uppercase;transition:all .3s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-form>button:hover{background:var(--clr-green);color:var(--clr-bg-dark)}.green-text{color:var(--clr-green)}@media (max-width:81rem){.contact{margin:0;padding-inline:clamp(2em,10vw,5em);width:100%}}@media (min-width:800px){.contact{grid-auto-flow:column;grid-template-columns:50% 50%;padding-inline:2em}.contact-form-container{padding-top:3em;padding-inline:2em}.contact .text-container{padding-top:1em}}.primary-header{background:var(--clr-bg-light);bottom:0;flex:1 1;flex-direction:column;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;width:130px}.logo-container{align-items:center;background:var(--clr-bg-dark);display:flex;flex-direction:column;justify-content:space-around;padding:2rem 0}.logo-container p{color:var(--clr-text-secondary);font-size:12px;margin-top:1rem}.sub-logo-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.sub-logo-container span{color:var(--clr-text-primary);font-size:20px}.logo{aspect-ratio:1;width:4em}.logo-link{height:100%}.mobile-nav-toggle{display:none}nav{display:flex}.primary-navigation,nav{align-items:center;height:100%;justify-content:center;width:100%}.primary-navigation{--gap:0rem;flex-direction:column;list-style:none;margin:0;padding:0;z-index:500}.primary-navigation li{border-top:1px solid #292929;width:100%}.primary-navigation a{border-bottom:1px solid #292929;color:var(--clr-text-secondary);display:block;font-size:16px;line-height:3rem;text-align:center;text-decoration:none;transition:color .3s,background-color .3s;width:100%}.primary-navigation a:hover{color:var(--clr-green)}.social{align-items:center;color:var(--clr-text-secondary);display:flex;flex-wrap:wrap;height:20rem;height:100%;justify-content:center;list-style:none;margin:0;padding-block:0;padding-inline:2px}.social li{text-align:center}.social li a{padding:2rem 7px}@media (max-width:81rem){.primary-header{-webkit-clip-path:circle(0 at 95.3% 8.5%);clip-path:circle(0 at 95.3% 8.5%);transition:-webkit-clip-path .5s ease-out;transition:clip-path .5s ease-out;transition:clip-path .5s ease-out,-webkit-clip-path .5s ease-out;width:100%;z-index:1000}.primary-navigation{height:auto}@supports ((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))){.primary-navigation{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.1)}}.mobile-nav-toggle{background-color:var(--clr-bg-dark);border:1px solid var(--clr-bg-dark);cursor:pointer;display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;position:fixed;right:1rem;top:1.8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:9999}.hamburger{color:var(--clr-text-secondary);display:block;margin:auto;transition:translate .6s,rotate .6s}.line{stroke-dasharray:60 31 60 300;transition:.6s}.mobile-nav-toggle[aria-expanded=true] .hamburger{rotate:45deg;translate:4px -2px}.mobile-nav-toggle[aria-expanded=true] .line{stroke-dasharray:60 105 60 300;stroke-dashoffset:-89}.primary-header[data-nav-opened=true]{-webkit-clip-path:circle(140% at 95.3% 8.5%);clip-path:circle(140% at 95.3% 8.5%)}}.preloader{display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:9999}.preloader-icon{border:1px solid var(--clr-green);padding:1em}svg.preloader-icon>path{fill-opacity:0;stroke-dasharray:2000;stroke-dashoffset:0;-webkit-animation:animate-svg 5s ease-out forwards;animation:animate-svg 5s ease-out forwards}@-webkit-keyframes animate-svg{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes animate-svg{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}.projects{flex-direction:column;gap:2rem;margin-left:130px;padding-block:5vh;padding-inline:clamp(3rem,4vw,5rem);position:relative;width:calc(100vw - 135px)}.projects .gallery{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:100%;margin-top:40px;width:100%}.projects .gallery>*{border-radius:10px;max-width:40vh;overflow:hidden;position:relative}.projects .heading{font-family:Playfair Display,sans-serif;font-size:clamp(2rem,5vw,7rem);font-weight:400;line-height:.8em}.projects .heading>span{transition:color .4s ease-out}.projects .heading>span:hover{color:var(--clr-green)}.projects .subheading{color:var(--clr-text-secondary);font-size:clamp(.6rem,1.3vw,3rem);width:clamp(50%,50vw,70%)}.projects .subheading>a{color:var(--clr-green)}.projects .subheading>a:focus,.projects .subheading>a:hover{opacity:.6}.project-image{display:inline-block;height:100%}.project-description,.project-image{border-radius:10px;transition:all .5s ease-in-out;width:100%}.project-description{align-items:center;background-color:rgba(44,43,44,.8);bottom:0;display:flex;flex-direction:column;font-size:14px;height:0;justify-content:center;left:0;overflow:hidden;padding:0 40px;position:absolute;text-align:center}.project:focus .project-description,.project:hover .project-description{height:100%}.project-title{font-weight:500;margin-bottom:20px;margin-top:1em}.project-short-desc{-webkit-margin-before:1em;-webkit-margin-after:.5em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:.5em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.project-demo-button{background-color:#f0f0f0;border-radius:50%;color:var(--clr-bg-dark);font-size:18px;margin-bottom:1em;margin-top:30px;padding:.5em;width:50px}.project-demo-button:focus,.project-demo-button:hover{background-color:var(--clr-green);color:var(--clr-bg-dark)}@media (max-width:81rem){.projects{margin:0;padding-inline:clamp(2em,10vw,5em);width:100vw}}@media (min-width:800px){.projects{min-height:100vh;padding-block:10vh;padding-inline:2em}}.skills{flex-direction:column;gap:2rem;margin-left:130px;padding-block:5vh;padding-inline:clamp(3rem,4vw,5rem);position:relative;width:calc(100vw - 135px)}.skills .text-container{width:clamp(18em,50vw,70%)}.skills .subheading{color:var(--clr-text-secondary);font-size:clamp(.6rem,1.3vw,3rem);transition:color .5s ease-out;width:100%}.skills .subheading>a{color:var(--clr-green)}.skills .subheading>a:focus,.skills .subheading>a:hover{opacity:.6}.skills .heading{font-family:Playfair Display,sans-serif;font-size:clamp(2rem,5vw,7rem);font-weight:400;line-height:.8em}.skills .heading>span{transition:color .4s ease-out}.skills .green-text,.skills .heading>span:hover{color:var(--clr-green)}.skills .stack{counter-set:stack-counter 0;display:grid;font-size:clamp(.5rem,1vw,3rem);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none}.skills .stack li{color:var(--clr-text-secondary);counter-increment:stack-counter 1;margin-block:.2em}.skills .stack li:before{border-radius:50%;color:var(--clr-green);content:counter(stack-counter) ")";font-size:clamp(.5rem,1vw,23em);margin-right:1em}.skills .skill-icons{display:none}.skills .skill-icons>*{color:var(--clr-text-secondary);font-size:clamp(5rem,7vw,6rem)}@media (max-width:81rem){.skills{margin:0;padding-inline:clamp(2em,10vw,5em);width:100%}}@media (min-width:800px){.skills{flex-direction:row;padding-block:10vh;padding-inline:2em}.skill-icons{grid-gap:1.5em;display:grid!important;gap:1.5em;grid-template-columns:repeat(3,minmax(20px,1fr));height:100%;padding:9em}}
/*# sourceMappingURL=main.ac547a3d.css.map*/