#alphabetTable{
    font-family: tekniaGreek;
    font-size: 3ex;
}

#choosePronuciation{
    text-align: center;
    margin-bottom: 2ex;
}

#currentVerb{
    text-align : center;
    font-size: 5ex;
    margin-bottom: .5ex;
}

#currentVerbTranslation{
    text-align : center;
    font-size: 2ex;
    margin-bottom: 1ex;
}

#instructions{
    text-align: center;
    width: 100%;
    margin-bottom: 1ex;
}

#mainHeadNavigationSection{
    font-size: 3ex;
    width: 100%;
    height: 2ex;
    text-align: center;
    margin-bottom: 1ex;
}

#openingView{
    text-align: center;
    width: 100%;
    background-color: #F7882F;
    color: white;
    font-size: 3ex;
    border-radius: .25em;
    padding-top: 2ex;
    padding-bottom: 2ex;
}

#progress{
    margin-bottom: 2ex;
    font-size: 3ex;
}

#progressBar{
    background-color: darkolivegreen;
    height: 2ex;
    border-radius: .25em;
}
#pronuciationHelp{
    text-align: center;
    margin-bottom: 2ex;
    font-size: 3ex;
}

#resetbutton{
    text-align: center;
    color: white;
    background-color: #687A8F;
    font-size: 3ex;
    border-radius: .25em;
    width: 60%;
    margin-top: 1ex;
    margin-left: 20%;
    padding-top: 1ex;
    padding-bottom: 1ex;
    margin-bottom: 1ex;
}

#slectedUpper{
    border-radius: .25em;
    background-color: white;
    color: black;
}

#slectedLower{
    border-radius: .25em;
    color: lightgray;
    background-color: white;
}

#verbChart{
    margin-bottom: 1ex;
}

#verbTranslation{
    height: 6ex;
    margin-bottom: 3ex;
}

#whatWasSelected{
    text-align: center;
    margin-bottom: 1ex;
}

#tenses{
    display: none;
}

#voices{
    display: none;
}
#moods{
    display: none;
}

#alphabetGame{
    display: none;
}

#lordsPrayer{
    display: none;
}

@media screen and (min-width : 590px) {
    #resetbutton{
        width : 328px;
        margin-left : calc((100% - 328px)/2);
    }
    #openingView{
        width : 528px;
        margin-left : calc((100% - 528px)/2);
    }
    #verbQuizBody{
        width : 528px;
        margin-left : calc((100% - 528px)/2);
    }
    #progress{
        width : 528px;
        margin-left : calc((100% - 528px)/2);
    }
}