@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,200;1,300;1,500&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background-color: black; } .container{ width: 100%; display: flex; background-color: rgba(255, 255, 255, 0.193); user-select: none; } .container ul { list-style: none; display: flex; margin: auto; } .container ul li { text-decoration: none; font-size: 20px; margin: 10px 15px; color: rgb(255, 255, 255); } .container ul li:hover{ color: orange; transition: 1s; } .Logo{ text-decoration: none; font-size: 26px; margin: 10px 0 0 10px; user-select: none; color: rgb(255, 255, 255); font-weight: 600; } .Logo:hover{ color: orange; transition: 1s; } .button{ color: white; font-size: 20px; text-decoration: none; margin: 10px 15px; border: 2px solid white; border-radius: 15px; padding: 5px 10px; } .button:hover{ border-color: orange; transition: 1s; }