.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 2rem;width:100%;position:fixed;top:0;transform:translateY(-100%);transition:transform .3s ease-in-out}.navbar .navbar-bg{background:var(--secondary-1);opacity:0;transition:opacity .2s ease-in-out}.navbar:hover .navbar-bg{opacity:1}.navbar.scrolled{transform:translateY(0)}