.container
{
    max-width:var(--max);
    margin:0 auto;
    padding:0 1rem
}

header
{
    position:sticky;
    top:0;
    z-index:10;
    width:100%;
    background:#000;
    border:none;
    box-shadow:0 0 60px rgba(0,200,255,.25),0 0 160px rgba(0,120,255,.15);backdrop-filter:blur(8px)
}

header .container
{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.75rem;
    flex-wrap:wrap;
    padding:1rem 2rem
}

header h1
{
    font-size:1.8rem;
    font-weight:700;
    color:#00eaff;
    text-shadow:0 0 4px rgba(0,200,255,.6),
                0 0 8px rgba(0,200,255,.5),
                0 0 14px rgba(0,180,255,.4),
                0 0 24px rgba(0,120,255,.25)
}

nav a
{
    margin-right: 1rem;
    text-decoration: none;
    color: #7fccff;
    font-size: 1.1rem;  /* increase or decrease this */
    font-weight: 500;   /* optional: makes it bolder */
    letter-spacing: 0.5px; /* optional: adds space between letters */ 
}

nav a[aria-current="page"]
{
    text-decoration:underline;
    text-underline-offset:4px
}

footer
{
    border-top:1px solid var(--line);
    text-align:center;
    color:#96a0ad;
    padding:2rem 0;
    margin-top:2rem;
    font-size:.95rem
}