nav {
    display:flex;
    justify-content: flex-end;
    gap:1rem;
    font-size:1.25rem;
    width:100%;
    padding:1em;
    /* border-bottom:0.0625rem solid var(--thm-text); */
    box-shadow: var(--thm-box-shadow);
    background:var(--inv-text);
    transition:font-size 0.3s ease;
}
nav a:not(.reset) {
    text-decoration: none;
    background:var(--thm-text);
    transition:background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
    border-radius:10000rem;
    color:var(--thm-bg);
    padding:0.5em 1em;
    font-weight: 500;
    text-shadow: none;
    box-shadow: var(--thm-box-shadow);
}
nav a:not(.reset).cta {
    background:var(--inv-blue);
    color:var(--inv-bg);
    text-shadow: none;
}
nav a:not(.reset):hover {
    color:var(--thm-blue);
    text-shadow: none;
}
nav a:not(.reset).cta:hover {
    background:var(--thm-blue);
    color:var(--inv-bg);
    text-shadow: none;
}

@media screen and (max-width: 37rem) {
    nav {
        font-size:1rem;
        align-items: center;
        justify-content: center;
    }
}