.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:10000}.header-content{display:flex;justify-content:space-between;align-items:center;background-color:rgb(220,4,43);padding-block:1rem;padding-inline:1rem;position:relative}.header-content-list{position:absolute;top:70px;left:0;background-color:rgb(220,4,43);list-style:none;width:100vw;z-index:1000;text-align:end;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease}.header-content-list-tag{display:flex;align-items:center;justify-content:end}.header-content-list.open{opacity:1;transform:translateY(0);pointer-events:auto;border-bottom:1px solid rgba(0,0,0,.5);box-shadow:0 2px 8px -8px rgba(0,0,0,.3)}.header-content-list li{padding:.8rem;padding-inline:1.2rem}.header-content-list li a{text-decoration:none;color:rgb(254,254,254)}#Logo{width:clamp(150px,25vw,250px)}.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.menu-icon span{display:block;height:3px;background-color:rgb(254,254,254);border-radius:2px;transition:all .3s ease}.menu-icon.open span:first-child{transform:rotate(45deg) translateY(8px) translateX(5px)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-6px) translateX(2.5px)}