:root {
    --max-width: 532px;
    --primary-color: #3493d5;
}

header {
    background-color: var(--primary-color);
    color: white;
    padding: 0 0.5rem;
    display: grid;
    gap: 0.5rem;
}

main {
    padding: 0 0.5rem;
}

.container {
    max-width: var(--max-width);
    width: 100%;
    margin-inline: auto;
}

footer {
    padding: 0 0.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 0.5rem;
}

footer hr {
    width: 3rem;
    border-style: dashed;
    border-bottom: none;
}