*{font-family:Open Sans,Helvetica,Arial,sans-serif}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10;background-color:#eee3;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 20%;transition:background-color .3s;display:flex;position:fixed}header.scrolled,.header:not([data-homepage=true]){background-color:#aece89b3}.header img{width:12rem}nav{gap:1rem;height:100%;display:flex}.header nav a{text-transform:uppercase;color:#212529;align-items:center;padding:.5rem;font-size:17px;font-weight:700;line-height:1;display:flex}.header nav a:last-of-type{margin-left:20px}.header nav a[data-active=true]{color:#fff;background-color:#aece8980}.header nav *{transition:all .45s}.header nav a:hover{color:#fff;background-color:#aece8980}a{color:#fff;text-decoration:none}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;padding:0;display:none}.hamburger-line{background-color:#212529;border-radius:2px;width:100%;height:3px;transition:all .3s}@media (width<=1200px){.header{padding:0 5%}.hamburger{display:flex}nav{z-index:100;background-color:#aece89;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100vh;padding:2rem;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto}nav.open{right:0}nav a{text-align:center;width:auto;padding:.75rem 1.5rem;font-size:20px}body:has(nav.open){overflow:hidden}}@media (width<=480px){.header{padding:0 4%}.header img{width:7rem}nav a{font-size:18px}}nav.open{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}nav.open a{text-transform:uppercase;color:#000;text-align:center;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:280px;max-width:90%;padding:.75rem 2rem;font-size:20px;font-weight:700;text-decoration:none;transition:none;display:flex}nav.open a:hover{color:#000;background-color:#fff;transform:none}nav.open a[data-active=true]{color:#000;background-color:#fff}.logo-button{cursor:pointer;background:0 0;border:none;padding:0}.logo-button img{display:block}