.navbar{background:var(--background);width:100%;color:var(--text-primary);z-index:1000;border-bottom:solid 1px var(--foreground);flex-direction:column;justify-content:center;min-height:50px;transition:background .3s;display:flex;position:fixed;top:0;left:0}.navbar.transparent{background-color:#0009;border-bottom:none;transition:background-color .3s}body.light .navbar.transparent{background-color:#fff9;border-bottom:none}body.dark .navbar.transparent{background-color:#0009}.navbar-content{align-self:center;align-items:center;width:100%;max-width:1920px;display:flex}.navbar-logo{width:22.5%;padding-left:2.5%;font-size:1.2rem;font-weight:700}.navbar-logo .nav-image{height:1.2rem}.navbar-logo .nav-image:hover{opacity:.7}.navbar-links{justify-content:center;gap:2rem;width:55%;display:flex}.navbar-links a{color:var(--text-primary);font-family:LexendDeca;font-size:18px;font-weight:900;text-decoration:none}.navbar-links a:hover{opacity:.7}.navbar-actions{justify-content:flex-end;align-items:center;gap:.5rem;width:22.5%;padding-right:2.5%;display:flex}.navbar-toggle{display:none}@media only screen and (min-width:1240px) and (max-width:1440px){.navbar-logo{width:16.67%;font-size:1.2rem;font-weight:700}.navbar-links{gap:.75rem;width:53.33%}.navbar-actions{justify-content:flex-end;align-items:center;gap:.5rem;width:30%;padding-right:3.5%;display:flex}}@media only screen and (max-width:1240px){.navbar{padding:0 7px}.navbar-links{background:var(--background);flex-direction:column;width:100%;position:absolute;top:50px;left:0;overflow:hidden}.navbar-actions{justify-content:flex-end;align-items:center;gap:.5rem;width:77.5%;padding-right:0;display:flex}.navbar-links a{border-bottom:1px solid var(--nav-line);padding:3.33% 2.5%}.navbar-toggle{display:block}.navbar-links{gap:0}}
