:root {
    --headers: "Coiny", system-ui;
    --text: "Quicksand", sans-serif;
    --red: #D94032;
    --yellow: #F29829;
    --off-white: #F2EFEB;
    --light-tan: #F2E0C9;
    --pinkish: #F2A88D;
}
body {
    background-color: var(--off-white);
}
h1 {
    font-size: 5em;
}
h2 {
    font-size: 3em;
}

h1, h2 {
    font-family: var(--headers);
    color: var(--pinkish);
    text-shadow: 2px 2px 4px black;
    text-align: center;
}
h3, p {
    font-family: var(--text);
    font-size: 1.4em;
}
.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    button {
    font-family: var(--headers);
    font-size: 2em;
    padding: 0 2em 0 2em;
    border: solid 2px black;
    border-radius: 5px;
}
}

#spicy {
        background-color: var(--red);
        margin-left: 5vw;
    }
#mild{
    background-color: var(--light-tan);
}