header{align-items:center;background-color:hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.5rem 1rem;position:fixed;width:100%;z-index:100}.logo img{width:200px}.menu{display:flex;gap:3rem}.menu a{font-family:var(--titulo);font-size:2rem;transition-duration:.5s}.menu:hover>a:not(:hover){filter:url(#staticNoise)}.menu a:hover{color:#fff}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem}@media (max-width:768px){.menu{background:red;flex-direction:column;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .4s ease;width:100%}.menu.show{gap:0;max-height:100dvh}.menu a{font-size:1.5rem;padding:1rem;text-align:center}.menu-toggle{display:block}}