header{position:sticky;top:0;height:5rem;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.header__logo{margin-left:1rem;grid-column:1;justify-self:start}.header__logo img{height:3rem}.header__navbar{grid-column:2;justify-self:center;backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--accent-color);border-radius:calc(1.25rem + 1px);display:flex;gap:.3rem}.navbar__route{height:2.2rem;width:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.navbar__route.active{outline:1px solid var(--accent-color)}.navbar__route.logo img{height:13px}.navbar__route img{width:21px}@media screen and (max-width:600px){header{position:unset}.header__navbar{grid-column:none;position:fixed;bottom:1rem;background:#fff;z-index:3}}