nav.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 10%;position:sticky;top:0;left:0;background:var(--background);z-index:1000;height:69px}nav.navbar .logo{display:flex;flex-direction:row;align-items:center;gap:10px;text-decoration:none;cursor:pointer}nav.navbar .logo img{height:40px}nav.navbar .logo h1{font-size:40px;font-weight:800;color:var(--text)}nav.navbar .links{display:flex;flex-direction:row;align-items:center;gap:3vw}nav.navbar .links>*{color:var(--text);display:flex;align-items:center;gap:10px}nav.navbar .links>*:active{color:var(--primary)}nav.navbar .buttons{display:flex;flex-direction:row;align-items:center;gap:10px}nav.navbar .mobileIcon{display:none}nav.navbar .mobileView{display:none;position:absolute;z-index:-1;top:0;left:-100%;transition:all .2s ease;background:var(--background-gray);width:100%;height:100dvh;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:calc(10% + 69px) 10% 10% 10%}nav.navbar .mobileView>*{color:var(--text);display:flex;align-items:center;gap:10px}@media screen and (max-width: 950px){nav.navbar .searchable{display:none}nav.navbar>.links{display:none}nav.navbar .mobileIcon{display:flex;font-size:1.8rem;justify-content:center;align-items:center;cursor:pointer}nav.navbar .mobileView{display:flex}nav.navbar .mobileView.open{left:0}}@media screen and (max-width: 550px){nav.navbar>.buttons a{display:none}}