.navbar{margin:10px;padding:10px}.navbar>ul{border-radius:5px;justify-content:center;list-style:none;display:flex}.navbar>ul>li{align-content:center}.navbar>ul>li>.button{margin:15px 3vw}@media (max-width:450px){.navbar>ul{flex-wrap:wrap;align-content:center}.navbar>ul>li{margin:10px 0}.navbar>ul>li>.button{margin:5px;padding:10px}}
.button{background-color:var(--main-bg-color-a);cursor:pointer;border-radius:5px;margin:15px;padding:15px;text-decoration:none;transition:background-color .2s}.no_background{background-color:#0000}.icon{margin-right:10px}.button:hover{background-color:var(--hover-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#active{background-color:var(--active-color);border:1px solid #fff}#active:hover{background-color:var(--hover-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#inactive{background-color:var(--main-bg-color-a);color:var(--inactive-text-color);border:0}