.header{position:fixed;top:20px;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-around;margin:0 auto;width:90%;height:57px;padding:10px 20px;background-color:rgba(255,255,255,.5);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;border:1px solid rgba(116,116,116,.7);border-radius:5rem;color:rgb(53,53,53);transition:.4s ease-in-out}.menu-open{height:calc(100svh - 40px);flex-wrap:wrap}.mobile-nav-links{width:0;opacity:0;transition:.2s ease-in-out}.nav-open{width:100%;opacity:1}.nav-links>ul>a:hover{box-shadow:inset 0 0 2px 1px rgb(170,170,170),0 0 3px 2px rgb(163,163,163);scale:1.03}.nav-links>ul>a{padding:5px 8px;border-radius:15px;transition:.2s ease-in-out}@media screen and (min-width:675px){.header{justify-content:space-between}.hamburger-button,.mobile-nav-links{display:none}.nav-links{display:block}}@media screen and (max-width:675){.header{justify-content:space-around}.nav-links{display:none}.hamburger-button{display:block}}.hamburger-button{cursor:pointer}.bar{display:block;width:30px;height:3px;background-color:rgb(53,53,53);margin:5px;transition:all .3s ease}.close-button .bar:first-child{transform:translateY(8px) rotate(45deg)}.close-button .bar:nth-child(2){opacity:0}.close-button .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}