@media (hover: hover){@keyframes jump{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes in{0%{transform:scale(0%);position:absolute;z-index:-1}25%{z-index:-1}75%{z-index:100}to{position:block;z-index:100;transform:scale(1)}}@keyframes out{to{transform:scale(0);position:absolute;z-index:-1}75%{z-index:-1}25%{z-index:100}0%{z-index:100;transform:scale(1)}}.nav__item{transition:all 1s ease}.nav__item svg{display:block;color:var(--nav-items)}.nav__item:before{content:"";width:.8rem;height:.8rem;background:var(--nav-items);display:block;margin:.35rem;border-radius:100%}}.logo{display:initial;width:3rem;height:max-content;overflow:hidden}@media (prefers-reduced-motion: no-preference){.logo{animation:jump 1s ease 1s}}.logo svg{width:5rem;height:inherit;transition:transform 1s ease;overflow:hidden}body .logo,body .logo *{transition:all .5s ease}body .logo #background{filter:brightness(0) saturate(100%) invert(98%) sepia(6%) saturate(366%) hue-rotate(235deg) brightness(112%) contrast(77%)}body .logo #V{filter:brightness(0) saturate(100%) invert(22%) sepia(14%) saturate(16%) hue-rotate(344deg) brightness(95%) contrast(83%)}body .logo #I *,body .logo #R *{filter:brightness(0) saturate(100%) invert(98%) sepia(6%) saturate(366%) hue-rotate(235deg) brightness(112%) contrast(77%)}body .logo #Ellipse-6,body.dark .logo #background{filter:brightness(0) saturate(100%) invert(22%) sepia(14%) saturate(16%) hue-rotate(344deg) brightness(95%) contrast(83%)}body.dark .logo #V{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(350deg) brightness(104%) contrast(102%)}body.dark .logo #I *,body.dark .logo #R *{filter:brightness(0) saturate(100%) invert(22%) sepia(14%) saturate(16%) hue-rotate(344deg) brightness(95%) contrast(83%)}body.dark .logo #Ellipse-6{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(350deg) brightness(104%) contrast(102%)}#I{transition:transform 1s ease}#R{transform-origin:top left;transition:transform 1.5s cubic-bezier(1,.5,0,.95)}.logo:hover #I{transform-origin:inherit center;transform:rotate(25deg)}.logo:hover #R{transform:rotate(-100deg)}body.dark .darkToggle{background-image:url(/sun.svg);filter:brightness(0) saturate(100%) invert(99%) sepia(24%) saturate(3046%) hue-rotate(325deg) brightness(109%) contrast(102%);transition:transform .5s ease;transform:scale(.9)}body .darkToggle{background-image:url(/moon.svg);filter:brightness(0) saturate(100%) invert(13%) sepia(82%) saturate(1978%) hue-rotate(212deg) brightness(97%) contrast(93%);transition:transform .5s ease;transform:scale(.9)}body .darkToggle:hover{transition:.1s ease;transform:scale(.8)}body .darkToggle:active{transition:transform .1s ease;transform:scale(95%)}body .darkToggle{position:absolute;top:-40px;right:14px;width:var(--nav-size);height:var(--nav-size);background-repeat:no-repeat;background-position:center;background-size:100%;background-color:transparent;border:none}@media (min-width: 1200px){body .darkToggle{position:initial;cursor:pointer}}body{display:flex;flex-direction:column-reverse}@media (min-width: 1200px){body{flex-direction:row}}.main__nav{margin:0;height:max-content;width:100%;display:flex;flex-direction:row;background:var(--nav-background);position:sticky;transition:background 1s ease}@media (min-width: 1200px){.main__nav{width:4rem;flex-direction:column;height:100%}}.main__nav nav{display:flex;flex-direction:column;margin:1vh 0;height:inherit;width:inherit;align-items:inherit}@media (min-width: 1200px){.main__nav nav{justify-content:space-between;align-items:center}}.main__nav .nav__list{display:flex;flex-direction:row;justify-content:space-between;list-style:none;padding:.5rem 0;margin:0}@media (min-width: 1200px){.main__nav .nav__list{flex-direction:column;padding:0;gap:.7rem;justify-content:center;width:100%}}.main__nav .nav__item{display:flex;justify-content:center;align-items:center;width:100%;padding:inherit;outline:1px var(--nav-items)}.main__nav .logo,.main__nav .nav__text{display:none}@media (min-width: 1200px){.main__nav .darkToggle,.main__nav .logo{display:initial}}.main__nav .nav__icon{color:var(--nav-items)}@media (hover: hover){.nav__item:hover:before,.nav__item:focus:before{animation:out .2s linear 0s normal both}.nav__item:hover .nav__icon,.nav__item:focus .nav__icon{animation:in .2s linear 0s normal both}.nav__item:before{animation:in .2s linear 0s normal both}.nav__item .nav__icon{animation:out .2s linear 0s normal both}}body{--nav-background: #e2e2e2;--nav-items: #131313;--hero-background: #f1f1f1;--hero-font: #131313;--nav-size: 2.5rem}body.dark{--nav-items: #e2e2e2;--nav-background: #434242;--hero-font: #f1f1f1;--hero-background: #242424}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}#hero{padding:0 4vw;height:100%;background:var(--hero-background)}#hero .content{margin-top:10%;color:var(--hero-font);z-index:999;overflow:hidden}#hero .content h1{font-size:3.5rem;margin-top:.3rem;margin-bottom:.5rem}#hero .content p{font-size:1.5rem;max-width:16ch;margin:.3rem 0}@media (min-width: 1200px){#hero .content{transform:translateY(25vh);margin:0}#hero .content h1{font-size:5rem}#hero .content p{font-size:2rem;margin:.3rem 0}}#hero .Arrow svg{margin-top:30vh;color:var(--hero-font);transition:all 1s ease;width:2.5rem;height:2.5rem}@media (prefers-reduced-motion: no-preference){#hero .Arrow svg{animation:float 4s ease-in-out infinite}}@media (prefers-reduced-motion: no-preference) and (min-width: 1200px){#hero .Arrow svg{margin-top:40vh}#hero .Arrow svg:hover{animation:float paused;padding-top:10px}}main{width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column}.section{flex-shrink:0;transition:background .7s ease}html{height:100%;height:-webkit-fill-available;padding:0;margin:0}body{height:100%;height:-webkit-fill-available;margin:0;padding:0;overflow:hidden;font-family:Roboto,sans-serif}