main{justify-content:center;display:flex}.menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:0 0;border-radius:40px;justify-content:center;width:auto;margin-top:1%;padding:15px 20px;transition:all .5s;display:flex;position:fixed}.menu.scrolled{background-color:#240d0db3}.ul-menu{gap:1rem;margin:0;padding:0;font-size:1.2rem;list-style:none;display:flex}.ul-menu a{color:#fff;text-decoration:none}.menu-button.active{background-color:#ffffff37}html.light .menu-button.active{background-color:#f4f4f437}html.light .ul-menu a{color:#000}html.light .menu.scrolled{background-color:var(--third-color)}.menu-button{border-radius:30px;padding:10px 20px;transition:all .5s}.menu-button:hover{background-color:#ffffff37}@media screen and (max-width:700px){.menu{transform:scale(.8)}}@media screen and (max-width:500px){.menu{transform:scale(.65)}}