:root {
    --color-bg-0: #f6f8fa;
    --color-bg-1: #001332;
    --color-bg-2: #f9fafb;
    --color-theme-1: #00235d;
    --color-theme-2: #798ea9;
    --color-text: rgba(0, 0, 0, 1);
    --column-width: 42rem;
    --column-margin-top: 4rem;
    color: var(--color-text);
}

body {
    min-height: 100vh;
    margin: 0;
    background-attachment: fixed;
    background-size: 100vw 100vh;
    overflow-x: hidden;
}

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

button:focus:not(:focus-visible) {
    outline: none;
}

@media (min-width: 720px) {
    h1 {
        font-size: 2.4rem;
    }
}