.navbar{color:#fff;z-index:1000;opacity:1;background-color:#6c6c6c87;border-radius:10px;justify-content:space-between;align-items:center;width:60%;height:48px;padding:0 20px;transition:top .28s,opacity .28s;display:flex;position:fixed;top:10px;left:17%}.navbar.hidden{opacity:0;top:-80px}.navbar-left .logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-center .nav-links{margin:0;padding:0;list-style-type:none;display:flex}.navbar-center .nav-links li{margin-right:1rem}.navbar-center .nav-links a{color:#fff;text-decoration:none}.nav-links li:hover{opacity:.5}.navbar-right{align-items:center;display:flex}