:root {

    --paper: #F3E6D3;

    --ink: #3D3127;

    --soft-ink: #7B6A58;

    --accent: #B85C4B;

    --max-width: 480px;

    --space-xl: 5rem;

}

* {

    box-sizing: border-box;

}

body {

    margin: 0;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: var(--paper);

    color: var(--ink);

    padding: 2rem;

}

main {

    width: 100%;

    max-width: var(--max-width);

}

h1 {

    font-family: "Kalam", cursive;

    font-size: 2.8rem;

    font-weight: 700;

    margin-bottom: 1rem;

    line-height: 1.2;

}

.tagline {

    font-family: "Caveat", cursive;

    font-size: 1.6rem;

    color: var(--soft-ink);

    line-height: 1.5;

    margin-bottom: 3rem;

}

.enter-button {

    display: inline-block;

    text-decoration: none;

    color: var(--accent);

    border: 2px solid var(--accent);

    border-radius: 999px;

    padding: 0.9rem 2.5rem;

    font-family: "Kalam", cursive;

    font-size: 1.2rem;

    transition: all .3s ease;

}

.enter-button:hover {

    background: var(--accent);

    color: var(--paper);

}

.footer {

    margin-top: var(--space-xl);

    font-family: "Caveat", cursive;

    font-size: 1.2rem;

    color: var(--soft-ink);

}