header nav{animation:navPosition 3s ease-in-out}@keyframes navPosition{0%{position:relative}100%{position:relative}}.menuHR,.hamburger{opacity:1;animation:menuFade 3s ease-in-out;will-change:opacity}@keyframes menuFade{0%{opacity:0}99%{opacity:0}100%{opacity:1}}.logo{opacity:1;animation:logoBack 3s ease-in-out;background-color:var(--taupe);will-change:width,height}@keyframes logoBack{0%{background-size:cover;width:100vw;height:70vh}50%{background-size:cover;width:100vw;height:70vh}99.5%{background-size:cover;width:100vw;height:3rem}100%{background-size:cover;width:3rem;height:3rem}}.logo svg{animation:logo 3s ease-in-out;opacity:1;transform:rotateY(0deg);will-change:transform,opacity,width,height}@keyframes logo{0%{transform:rotateY(90deg);opacity:0;width:25vw;height:25vw}50%{transform:rotateY(0deg);opacity:1;width:25vw;height:25vw}100%{opacity:1;width:3rem;height:3rem}}@media screen and (min-width:1024px){.nav-menu{opacity:1;animation:menuFade 3.2s ease-in-out;will-change:opacity}@keyframes menuFade{0%{opacity:0}99%{opacity:0}100%{opacity:1}}.logo{opacity:1;animation:logoBack 3s ease-in-out;background-color:var(--taupe);will-change:width,height;transition:min-height 1.5s ease-in-out}@keyframes logoBack{0%{background-size:cover;width:100vw;height:60vh}50%{background-size:cover;width:100vw;height:60vh}99.5%{background-size:cover;width:100vw;height:3.5rem}100%{background-size:cover;width:3.5rem;height:3.5rem}}.logo svg{animation:logo 3s ease-in-out;opacity:1;transform:rotateY(0deg);will-change:transform,opacity,height,width}@keyframes logo{0%{transform:rotateY(90deg);opacity:0;width:25vw;height:25vw}50%{transform:rotateY(0deg);opacity:1;width:25vw;height:25vw}100%{opacity:1;width:3.5rem;height:3.5rem}}}