:root{
    --baseColor:#4DB6AC;
    --primaryColor:#FAFAFA;
    --notSelected:#E0F2F1;
    --selected:#93B5B3;
    --textcolor:black;
}
 .container-fluid{
    height:100vh;
    width:100vw; 
    justify-content: center;
    align-items: center;
    display: flex;
    background: var(--primaryColor);
} 
.questionNumber{
    font-size: 2em;
    color: var(--textcolor);
    float: left;
}
.question{
    color: var(--textcolor);
    font-size: 2em;
}
.prev{
    margin-right: 1%;
}
.option1,.option2,.option3,.option4{
    height:50px;
    width:40%;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family:sans-serif;
    font-style:bold;
    font-size:1em;
    color:black;
    margin-top:5%;
    margin-left: 20%;
    margin: 2%;
    border-radius: 30px;
    background:var(--notSelected);
}
.submitButton{
    height:60px;
    width:180px;
    justify-content: center;
    align-items: center;
    font-family:sans-serif;
    font-style:bold;
    font-size:1em;
    color:black;
    border-radius: 30px;
    background:#4DB6AC;
    margin: 3%;
    float: right;
}

.score-display{
    display: none;
    background-color:#4DB6AC;
    height: 400px;
    width: 400px;

}
.wishing{
    font-size: 2rem;
    margin-top: 2rem;
    color: white;
}
.score{
    font-size: 3rem;
    margin-top: 2rem;
}
.logo{
    height:40px;
    width: 50px;
}