nav{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}nav ul{background-color:var(--navbar-color);border:1px solid var(--navbar-color);border-radius:var(--border-radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);height:var(--navbar-height);z-index:100;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-around;align-items:center;width:424px;margin-top:12px;margin-left:auto;margin-right:auto;display:flex;position:fixed;top:0;box-shadow:0 0 20px #0003}nav ul li{list-style-type:none}nav ul li a{color:var(--text-color);font-family:var(--font);cursor:pointer;font-size:1rem;font-weight:400;transition:color .2s ease-in-out}nav ul li a:hover{color:var(--primary-hover)}nav button{background-color:var(--navbar-color);border:1px solid var(--navbar-color);border-radius:var(--border-radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);height:var(--navbar-height);z-index:100;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:50px;margin:12px auto 0;display:flex;position:fixed;top:0;left:10%;box-shadow:0 0 20px #0003}nav button a{width:25px;height:25px;margin:0}@media screen and (max-width:500px){nav ul{width:90%}}