.navigation{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-list{display:flex;list-style:none;gap:30px}.nav-link{color:white;font-size:18px;font-weight:500;transition:all .3s ease;position:relative;text-decoration:none}.nav-link:hover{opacity:1}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:white;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-buttons{display:flex;align-items:center;gap:20px;margin-left:40px}.desktop-login-button{display:block;min-width:140px;font-size:20px;font-weight:600;padding:10px 8px}@media screen and (max-width:950px){.desktop-login-button,.desktop-signup-button,.nav-list{display:none}}@media (max-width:768px){.nav-list{display:none}.nav-buttons{margin-left:0}.desktop-login-button{display:none}}.header{background-color:#1a56db;padding:10px 0}.header-container{margin:0 2vw;padding:0 20px;justify-content:space-between}.header-container,.header-right{display:flex;align-items:center}@media (max-width:768px){.header-container{justify-content:space-between;margin:0 .8vw;padding:0 20px}}@media (max-width:640px){.header-container{flex-direction:row;justify-content:space-between;margin:0 1.2vw;padding:0 15px}.header-right{width:auto}}