.container{
    
    height:60vh;
/*    width:90vw;*/
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color:khaki;
    padding-top: 25px;
    border-radius: 20px;
}

#question{
    font-size: 1.5em;
    width:80%;
    max-width: 600px;
    text-align: center;
    padding:10px;
    background-color: coral;
    border-radius: 10px;
    margin:1em 0;
    border:3px solid white;
    color:white;
}

#result-input{
    font-size: 1.5em;
    width:80%;
    max-width: 600px;
    text-align: center;
    padding:10px;
    background-color: white;
    border-radius: 10px;
    margin:1em 0;
    border:3px solid dodgerblue;
    color:black;    
}

#check-answer{
    font-size: 1.5em;
    width:80%;
    max-width: 600px;
    text-align: center;
    padding:10px;
    background-color:dodgerblue;
    border-radius: 10px;
    margin:1em 0;
    border:3px solid white;
    color:white;     
}
.correct{
    background-color: green !important;
    color:white !important;
}

.wrong{
    background-color: red !important;
    color:white !important;
}

.logo{
    font-size: x-large;
    float: right;
    padding: 10px;
    margin-bottom:10px;
}

@media(min-width:768px){body { font-size: 1.5em; }}