.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:2px solid #ffffff1a;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:.5rem 2rem;transition:transform .3s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,border-bottom-color .2s ease-in-out;display:flex;position:fixed;top:0;box-shadow:0 4px 30px #0000}.navbar:hover{background:rgba(from var(--color-blue) r g b / .6);border-bottom-color:var(--color-border);box-shadow:0 4px 30px #00000080}.navbar.scrolled{transform:translateY(0%)}