.AuthLinks{display:flex;gap:3rem;.LogInLink{margin-left:3rem}.NotLogInLink{display:flex;justify-content:center;align-items:center;gap:1rem}.AuthLink{color:#fff;font-weight:400;cursor:pointer;transition:all .3s;opacity:.8;&:hover{transform:scale(1.05)}}}.Logo{display:flex;color:#fff;text-align:center;justify-content:center;align-items:center;.LogoImage{width:8rem}}.Header{width:100%;height:4rem;padding:0 3vw;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:999;transition:all .5s;&[data-state=active]{background-image:linear-gradient(180deg,rgba(0,0,0,.925) 50%,rgba(0,0,0,.925) 0,transparent);transform:none;top:0}&[data-state=notActive]{opacity:0;transform:translateY(-50%)}.leftHandSide{gap:2rem}.leftHandSide,.rightHandSide{display:flex;justify-content:center;align-items:center}.rightHandSide{gap:1rem}@media (max-width:500px){display:none}}