body    {
    font-family: Arial, Helvetica, sans-serif;
}

#countdown  {
    padding: 10px;
    text-align: right;
    display: none;
}

#choices    {
    display: none;
    text-align: center;
}

h1  {
    justify-content: center;
    text-align: center;
    margin-top: 10%;
}

.instructive-text   {
    margin: 2% 20%;
    text-align: center;
}



.button-container  {
    margin: 0px 20%;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.button {
    margin: 10px;
    padding: 10px 50px;
    border-radius: 6%;
}

#times-up   {
    display: none;
    margin: auto;
    justify-content: center;
    text-align: center;
}

.confirm-button {
    display: none;
}

#answerIndicator    {
    display: none;
}

#answer-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0% 20%;
}

.btn-primary    {
    margin: 10px;
}

#intro  {
    display: block;
    justify-content: center;
}

#high-scores    {
    display: none;
    text-align: center;
    margin: 5% auto;
}