header{position:fixed;width:100%;height:25px;display:flex;justify-content:center;align-items:center;z-index:999;border-bottom:1px solid var(--darker-grey);transition:height .3s ease,border-color .3s ease}.collapsed-lines{margin-top:auto}.collapsed-lines rect{width:100%;height:1px;fill:var(--dark-grey)}.collapsed-lines svg{width:75px;height:12px;animation:fadeIn .7s ease both}header.expanded{height:60px;border-bottom:1px solid var(--dark-grey)}header.expanded .collapsed-lines{display:none}header.expanded .header-content{height:60px;display:flex}header.expanded:not(.has-animated) .header-content{animation:fadeIn .7s ease both}.header-content{display:none;justify-content:space-between;align-items:center;width:100%;padding:0 4%}@media (min-width:400px){.header-content{padding:0 6%}}@media (min-width:800px){.header-content{padding:0 8%}}@media (min-width:900px){.header-content{padding:0 10%}}@media (min-width:1200px){.header-content{padding:0 12%}}@media (min-width:1300px){.header-content{padding:0 14%}}@media (min-width:1500px){.header-content{padding:0 16%}}@media (min-width:1600px){.header-content{padding:0 18%}}@media (min-width:1700px){.header-content{padding:0 20%}}@media (min-width:2000px){.header-content{padding:0 22%}}.nav-text{display:flex;gap:15px;margin:0}.logo{height:50px}.logo,.nav-text span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-text span{color:var(--light-grey);font-size:1.1rem;font-weight:400;margin:auto}@media (min-width:800px){.nav-text{gap:20px}}@media (min-width:900px){.nav-text{gap:25px}}@media (min-width:1100px){.nav-text{gap:30px}}@media (min-width:1700px){.nav-text{gap:35px}}@media (max-width:1300px){.nav-text span{font-size:1rem}}@media (max-width:900px){.nav-text span{font-size:.9rem}}@media (max-width:700px){.nav-text span{display:none}}.side-button{background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dark-grey);margin:auto}.button-lines{width:46px;height:22px;margin:5px 0}.button-lines rect{width:55px;height:2px}.nav-menu{position:fixed;top:60px;left:0;width:310px;padding:50px 0 0 25px;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--off-black);z-index:999;height:calc(100vh - 60px);border-right:1px solid var(--dark-grey)}.nav-menu span{color:var(--light-grey);cursor:pointer;font-size:1.1rem;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;margin-top:.1rem}.nav-menu span.current-focus,.nav-text span.current-focus{color:white}.mode-button{color:white;font-size:1.1rem;font-weight:400;margin-top:25px;padding-top:5px;border-top:1px solid grey}