:root {
    --rl-body-color: #ddd;
    --rl-main-background-color: #002554;
    --rl-box-background-color: #003a70;
}

body {
    color: var(--rl-body-color);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    list-style: 1.5;
    margin: 0;
    padding: 0;
}

main {
    align-items: center;
    background-color: var(--rl-main-background-color);
    flex-direction: column;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
}

a {
    color: #ddd;
}

.box {
    background-color: var(--rl-box-background-color);
    color: #fff;
    padding: 3rem 1rem;
}

    @media (min-width: 600px) {
        .box {
            padding: 3rem 5rem;
        }
    }

    .box > * {
        margin: 0.25em;
    }

    .box > :first-child {
        margin-top: 0;
    }

    .box > :last-child {
        margin-bottom: 0;
    }