body {
    min-height: 100vh;

    display: flex;
    flex-direction: column;

    margin: 0;

    font-family: Arial, sans-serif;
    line-height: 1.5;

    background: var(--color-background);
    color: var(--color-dark);
}

main {
    flex: 1;
}

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    width: min(1100px, 90%);
    margin-inline: auto;
}

.intro {
    padding: 2rem 0 1rem;
}

@media (max-width: 600px) {
    .intro {
        padding-top: 0.5rem;
    }
}