.header{z-index:10;background:var(--background);border-bottom:1px solid #bf00bf;grid-template-columns:1fr auto 1fr;align-items:center;margin-left:1rem;margin-right:1rem;padding:1rem;display:grid;position:sticky;top:0;box-shadow:0 3px 2px -1.5px #bf00bf80}.site-name{justify-self:start}@media only screen and (max-width:600px){.header{flex-direction:column;align-items:center;gap:15px;margin-left:2vw;margin-right:2vw;padding:1rem;display:flex}.site-name{text-align:center}.nav-links{justify-content:center;gap:15px;display:flex}}.nav-links{grid-column:2;gap:20px;display:flex}