body {
    background-color: floralWhite;
    color: #333;
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

section {
    text-align: center;
}

input[type=button] {
    min-width: 72vw;
    min-height: 36vw;

    background-color: rgba(255, 235, 205, 0.392);
    border-radius: 24px;

    font-size: 4em;
    /* color: rgba(165, 42, 42, 0.704); */

    text-shadow: 2px 2px 2px #222;
    box-shadow: 2px 2px 2px #222;

    transition: background-color 0.3s ease, transform 0.2s ease;
}

input[type=button]:hover {
    background-color: blanchedalmond;
}

.flashcard {
    font-size: large;

    width: 22vw;
    height: 50vh;
    margin: 2vw;

    box-shadow: 2px 2px 2px #333;
    transition: ease all 0.2s;
}

.flashcard:hover {
    box-shadow: 4px 4px 4px #333333e2;
}