body {
    margin: 0;
    background: var(--mist);
}

a {
    color: var(--stodig-bla);
    text-decoration: none;
}

    a:hover {
        color: #1d2560;
        text-decoration: underline;
    }

input, textarea, button {
    font-family: inherit;
}

#navn:focus, #epost:focus, #telefon:focus, #allergier:focus {
    border-color: var(--stodig-bla);
    box-shadow: 0 0 0 3px rgba(40,49,121,.14);
}

@media (max-width: 860px) {
    #navn, #epost, #telefon, #allergier {
        font-size: 18px !important;
        padding: 18px !important;
        min-height: 60px !important;
        border-radius: 14px !important;
    }

    #allergier {
        min-height: 132px !important;
    }

    #kort {
        grid-template-columns: 1fr !important;
    }

        #kort > div {
            padding: 36px 24px !important;
        }

    #skjema label {
        font-size: 16px !important;
    }

    #skjema button[type="submit"] {
        font-size: 17px !important;
        padding: 19px 26px !important;
        min-height: 60px;
    }
}