.navbar{background-color:#370c59;box-sizing:border-box;color:#fff;padding:1rem 0;width:100%}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 2rem;width:100%}.logo,.navbar-container{align-items:center;display:flex}.logo{color:#fff;font-weight:700;text-decoration:none}.logo,.logo i{font-size:1.5rem}.logo i{margin-right:8px}.menu{display:flex;list-style:none;margin:0;padding:0}.menu li{margin:0 1rem}.menu a{color:#fff;font-weight:700;text-decoration:none}.menu a:hover{color:#0af}.menu-toggle{background:none;border:none;color:#fff;display:none;font-size:1.5rem}@media (max-width:768px){.menu{background-color:#2c0849;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%}.menu.active{display:flex}.menu-toggle{display:block}}