/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--clr-black: #020617;--clr-dark-gray: #22252a;--clr-gray: #2b2e34;--clr-white: #eeeeee;--clr-teal: #76ead7;--clr-dark-teal: #2adec1;--clr-sky: #7dd3fc;--clr-lime: #c4fb6d;--clr-dark-sky: #0eaef9;--clr-slate-500: #64748b;--clamp-1-to-2: clamp(1rem, .737rem + 1.316vw, 2rem);--clamp-2-to-3: clamp(2rem, 1.737rem + 1.316vw, 3rem);--clamp-3-to-4: clamp(3rem, 2.737rem + 1.316vw, 4rem);--clamp-2-to-5: clamp(2rem, 1.211rem + 3.947vw, 5rem);--clamp-3-to-5: clamp(3rem, 2.474rem + 2.632vw, 5rem);--clamp-4-to-5: clamp(4rem, 3.737rem + 1.316vw, 5rem);--clamp-7-to-9: clamp(7rem, 6.474rem + 2.632vw, 9rem);--clamp-5-to-12: clamp(5rem, 3.158rem + 9.211vw, 12rem)}*{padding:0;margin:0;font:inherit;line-height:calc(1em + .5rem)}html{scroll-padding-top:3.5rem;scroll-behavior:smooth}body{font-family:Nunito,sans-serif;font-optical-sizing:auto;color:var(--clr-white);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}html,body{background-color:var(--clr-gray)}h1{font-family:Poppins,sans-serif;font-weight:600}h2{font-family:Poppins,sans-serif;font-weight:500}strong,h3,h4{font-weight:400}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}ul{list-style:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer}a{text-decoration:none;color:var(--clr-white);cursor:pointer}.header{position:fixed;top:0;left:0;right:0;transform:translateY(-100%);transition:transform .5s;background-color:var(--clr-dark-gray);z-index:50}.header__nav{padding:calc(var(--clamp-2-to-3) / 2);position:relative;display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--clamp-2-to-3) / 2)}.header__menu{display:none}.header__link{position:relative;transition:color .3s}.header__link:after{content:"";width:100%;position:absolute;top:100%;left:50%;transform:translate(-50%) scale(0);transition:transform .3s;border:2px solid var(--clr-dark-sky)}.header__link:hover{color:var(--clr-sky)}.header__link:hover:after{transform:translate(-50%) scale(1)}.header__seperator{border:2px solid var(--clr-slate-500)}.header__bars{width:calc(var(--clamp-2-to-3) / 2);fill:var(--clr-white)}.header__resume{padding:.25em .5em;color:var(--clr-dark-gray);background-color:var(--clr-dark-teal);border-radius:.5rem;box-shadow:0 0 1rem 0 var(--clr-dark-teal);transition:background-color .3s,box-shadow .3s}.header__resume:hover{background-color:var(--clr-teal);box-shadow:0 0 1.2rem .2rem var(--clr-teal)}.header__progress-bar-container{position:relative;width:100vw;height:4px;background-color:var(--clr-dark-sky)}.header__progress-bar{content:"";position:absolute;height:100%;background-color:var(--clr-dark-teal)}@media (min-width: 768px){.header__menu{display:flex;gap:var(--clamp-1-to-2)}.header__bars{display:none}}.mobile-nav{display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:fixed;top:0;left:0;right:0;bottom:0;font-size:calc(var(--clamp-2-to-3) / 2);background-color:var(--clr-gray);z-index:100}.mobile-nav__exit{width:calc(var(--clamp-3-to-4) / 2);position:absolute;top:0;right:0;margin:var(--clamp-2-to-3);fill:var(--clr-white)}.mobile-nav__menu{width:100%;display:flex;flex-direction:column;gap:var(--clamp-1-to-2)}.mobile-nav__menu li{width:100%;border-top:2px solid var(--clr-dark-teal);border-bottom:2px solid var(--clr-dark-teal)}.mobile-nav__link{display:block;padding:.5em;width:100%}.mobile-nav__resume{display:block;padding:.5em;color:var(--clr-sky)}.home-section{position:relative;overflow:hidden}.home-section .container{min-height:calc(100vh - var(--clamp-1-to-2) * 3);display:grid;grid-template-columns:1fr;grid-template-rows:1.5fr 1fr;gap:0}.home__animation-container{width:min(100vw,1536px);height:min(250vw,3072px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(360deg)}}.home__animation-loading{position:absolute;top:47%;left:50%;width:var(--clamp-2-to-5);height:var(--clamp-2-to-5);border-radius:50%;border:6px solid transparent;border-top:6px solid var(--clr-sky);border-left:6px solid var(--clr-sky);animation:spin 1s infinite linear}.home__fallback{display:none;flex-direction:column;justify-content:end;align-items:center}.home__heading{font-size:var(--clamp-2-to-5)}.home__hello{font-size:var(--clamp-5-to-12);color:var(--clr-teal)}.home__name{color:var(--clr-sky)}.home__info-container{grid-area:2 / 1;display:flex;flex-direction:column;align-items:center;gap:var(--clamp-1-to-2);font-size:calc(var(--clamp-2-to-3) / 2)}.home__desc{text-align:center;max-width:40ch}.home__cta-container{display:flex;gap:var(--clamp-1-to-2)}.home__cta{padding:.25em .5em;color:var(--clr-dark-gray);background-color:var(--clr-dark-teal);border-radius:.5rem;box-shadow:0 0 1rem 0 var(--clr-dark-teal);transition:background-color .3s,box-shadow .3s}.home__cta:hover{background-color:var(--clr-teal);box-shadow:0 0 1.2rem .2rem var(--clr-teal)}.home__links{display:flex;gap:calc(var(--clamp-1-to-2) / 2)}.home__link{width:var(--clamp-2-to-3);position:relative;fill:var(--clr-sky);transition:fill .3s}.home__link:hover{fill:var(--clr-dark-sky)}.home__link:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;box-shadow:0 0 calc(var(--clamp-3-to-4) / 2) .625rem var(--clr-sky);transition:box-shadow .3s}.home__link:hover:after{box-shadow:0 0 var(--clamp-2-to-3) 1rem var(--clr-dark-sky)}.home__link svg{aspect-ratio:1}.about-section .container{display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 1.5)}.about__content{width:100%;max-width:64rem;display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 1.5)}.about__image{width:100%;max-width:20rem;border-radius:2rem}.about__desc-container{display:flex;flex-direction:column;gap:var(--clamp-1-to-2);font-size:calc(var(--clamp-4-to-5) / 4)}.about__desc a{color:var(--clr-sky)}@media (min-width: 768px){.about__content{flex-direction:row;align-items:start}.about__image{order:2}}.projects-section .container{display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 1.5)}.projects__list{width:100%;max-width:48rem;display:grid;gap:var(--clamp-1-to-2)}.project-container{width:100%}.project{display:grid;gap:calc(var(--clamp-1-to-2) / 2);padding:calc(var(--clamp-1-to-2) / 2);border:1px solid var(--clr-dark-sky);border-radius:1rem;transition:background-color .3s}.project:hover{background-color:#eeeeee0d}.project__heading{font-size:calc(var(--clamp-2-to-3) / 2);color:var(--clr-sky)}.project__links{display:flex;gap:.5rem}.project__link{width:calc(var(--clamp-3-to-4) / 2);fill:var(--clr-white);transition:fill .3s}.project__link:hover{fill:var(--clr-sky)}.project__desc{font-size:calc(var(--clamp-4-to-5) / 4)}.project__desc strong{color:var(--clr-dark-teal)}.project__tagslist{display:flex;flex-wrap:wrap;gap:calc(var(--clamp-1-to-2) / 2);font-size:calc(var(--clamp-4-to-5) / 4)}.project__tag{padding:.25em .5em;background-color:#0eaef933;border:2px solid var(--clr-sky);border-radius:1rem}.project__image{width:10rem;aspect-ratio:1;border:1px solid var(--clr-slate-500);border-radius:1rem;font-size:5rem;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}@media (min-width: 640px){.project{grid-template-columns:auto 1fr}.project__image{grid-area:1 / 1 / span 4 / span 1}}@media (min-width: 1024px){.projects__list{max-width:80rem;grid-template-columns:1fr 1fr}.project__image{width:8rem;grid-area:1 / 1 / span 3 / span 1}.project__tagslist{grid-area:4 / 1 / span 1 / span 2}}.contact-section .container{display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 3)}.contact__links-container{width:100%;max-width:32rem;padding:calc(var(--clamp-2-to-3) / 2);display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 1.5)}.links-heading{display:none}.contact__links{position:relative;width:100%}.pleiades{stroke:var(--clr-slate-500);stroke-width:5}.contact__link{width:var(--clamp-2-to-3);position:absolute;transform:translate(-50%,-50%);fill:var(--clr-sky);transition:fill .3s}.contact__link:hover{fill:var(--clr-dark-sky)}.contact__link:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;box-shadow:0 0 calc(var(--clamp-3-to-4) / 2) .625rem var(--clr-sky);transition:box-shadow .3s}.contact__link:hover:after{box-shadow:0 0 var(--clamp-2-to-3) 1rem var(--clr-dark-sky)}.contact__link svg{aspect-ratio:1}.contact__form-container{width:100%;max-width:24rem;display:flex;flex-direction:column;align-items:center;gap:calc(var(--clamp-1-to-2) * 1.5)}.contact__form{width:100%;display:flex;flex-direction:column;align-items:start;gap:var(--clamp-1-to-2);padding:var(--clamp-1-to-2);font-size:clamp(1rem,.93rem + .33vw,1.15rem);background-color:var(--clr-dark-gray);border:1px solid var(--clr-dark-sky);border-radius:1rem}.contact-form-heading{display:none}.contact__field-container{width:100%;display:flex;flex-direction:column;align-items:start;gap:calc(var(--clamp-1-to-2) / 4)}.contact__field-container label{color:var(--clr-sky)}.contact__field{width:100%;padding:.5em;border:2px solid var(--clr-slate-500);background-color:var(--clr-gray);color:var(--clr-white);border-radius:.5rem;transition:border-color .3s}.contact__field:focus{border-color:var(--clr-sky)}.contact__field:focus{outline:none}#contact__message{height:calc(var(--clamp-2-to-3) * 2.5);resize:none}#contact__submit{margin:auto;padding:.25em .5em;color:var(--clr-dark-gray);border-radius:.5rem;background-color:var(--clr-dark-sky);box-shadow:0 0 1rem 0 var(--clr-dark-sky);transition:background-color .3s,box-shadow .3s}#contact__submit:hover{background-color:var(--clr-sky);box-shadow:0 0 1.2rem .2rem var(--clr-sky)}@media (min-width: 768px){.contact-section .container{flex-direction:row;justify-content:center;align-items:start;gap:var(--clamp-1-to-2)}.contact__mobile-heading{display:none}.contact__links-container{order:2;padding-top:0}.contact__form-container{max-width:32rem;padding:calc(var(--clamp-2-to-3) / 2);padding-top:0}.links-heading,.contact-form-heading{display:block}}.footer{padding:var(--clamp-1-to-2);display:flex;justify-content:center;align-items:center;background-color:var(--clr-dark-gray);font-size:calc(var(--clamp-4-to-5) / 4)}.footer__source{color:var(--clr-sky)}.section{padding:calc(var(--clamp-1-to-2) * 1.5) 1rem}.container{width:100%;max-width:96rem;margin:0 auto}.section-heading{font-size:calc(var(--clamp-1-to-2) * 1.5);color:var(--clr-teal)}.section-separator{border-color:var(--clr-slate-500)}