#userQuestions{
    display:flex;
    flex-direction: column;
    align-items: center;
    width:98vw;
    height:50vw;
    background-color: white;
}
#userQuestions{
    margin-top:40px;
    border: 1px solid black;
    border-radius: 3px;
    padding:20px;
    margin:30px 30%;
    width:40vw;
    height: auto;
    background-color:aliceblue;
}
#numberOfQuestionsDiv{
    margin:5px;
}
#additionQuestion{
    background-color: green;
}
.questions{
    display:flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid black;
    margin:10px 30%;
    border-radius: 3px;
    display:none;
}
#answerInput{
    margin:10px;
}
#correctOrIncorrect{
    font-size: 25px;
    text-align: center;
}
#whichMath{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display:none;
}
.mathButton{
    padding:5px;
    margin:15px;
}
.resultsMessage{
    display:inline;
}
#userName{
    margin:10px;
}
#numberOfQuestions{
    margin: 10px;
}
.buttons{
    width:17vw;
    height:12vw;
    display:flex;
    align-items: center;
    justify-content: center;
    border:2px solid black;
    border-radius: 3px;
    margin:20px;
    transition-duration: .5s;
}
.buttons:hover{
    width:20vw;
    height:14vw;

}
#additionButton{
    background-color: green;
}
#subtractionButton{
    background-color: orange;
}
#multiplicationButton{
    background-color: blue;
}
#divisionButton{
    background-color: red;
}
.text{
    font-size:1.5vw;
    margin:10px;
}
input{
    width:14vw;
    height: 2vw;
    margin:5px;
}
#results{
    display:flex;
    flex-direction: column;
    align-items: center;
    display:none;
    border:2px solid black;
    border-radius: 3px;
    margin: 10px 30%;
    background-color:aliceblue;
}
#subtractionQuestion{
    background-color: orange;
}
#multiplicationQuestion{
    background-color: blue;
}
#divisionQuestion{
    background-color: red;
}