header nav{z-index:2}header .logo{z-index:2}nav a{margin:16px;text-decoration:none;color:var(--color-black);font-weight:800;background:linear-gradient(to bottom,#e252d8 0%,#6ecbf5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:35vw;padding:8px;color:var(--color-white)}nav{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}header .navBtn{cursor:pointer;display:none;opacity:0;color:var(--color-white);font-size:1.5em;z-index:2;background:none}.signInButton{display:flex;margin:0;gap:.5em}@media only screen and (max-width: 1500px){header nav{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1.5rem;background-color:var(--color-black);transform:translateY(-100vh);z-index:3}nav div{display:flex;flex-direction:column;align-items:center}header .navBarContainer{transform:none}header .navBtn{display:inline;opacity:1}nav .closeBtn{position:absolute;top:2rem;right:2rem}}