body 
{
    background-color: whitesmoke;
    font-size: medium;
}

.questionText
{
    padding: 0px 3% 0px 3%;
    font-size:15px;
}
.answer
{
    margin: 0px;

    /*background-color: white;*/
    padding: 2% 5% 2% 5%;
    min-width: 300px;
    width: auto;
    font-size: large;
}

.nextQuestion, .bottomNavButton
{
    font-size: 15px;
    
}

footer
{
    
}
.bottomNavButton
{
    margin-top: 15px;
}
.levelButton, .levelButton:hover,.levelButton.Selected:hover, .levelButton.History.General, .levelButton.History.General:hover, .levelButton.Time.Early, .levelButton.Time.Late, .levelButton.Time.Early:hover, .levelButton.Time.Late:hover
{
    min-width: 220px;
    background-color: white;
    color: #0769CA;
    transition:initial;
}
.levelButton.History.Selected,.levelButton.History.Selected:hover, .levelButton.History.General.Selected, .levelButton.History.General.Selected:hover, .levelButton.Time.Early.Selected, .levelButton.Time.Late.Selected
{
    background-color: #0769CA;
    color: white;
    min-width: 220px;
}