html, body {
    height: 100%; /* Make sure html and body cover the full height */
    margin: 0;
    padding: 0;
}

body {
    min-height: 100%; /* Ensure body is at least viewport height */
    font-family: Ubuntu, sans-serif;
    background: linear-gradient(to bottom, #56332d, #3a1d18);
    display: flex;
    flex-direction: column;
}


p{
    color: #ffffff;
}

.player img{
    width: 100%;;
}


.player a{
    display: block;
    padding: 20px;
    background: #ffffffcc;
    border: 1px solid #56332d;
}

.player a:hover{
    background: #ffffff;
}

.player a.active{
    background: #fdff7d;
}

.answer-choose{
    font-size: 16pt;
}




/* Add additional styles as needed */