html, body {
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin-top:0px;
    margin-bottom: 0px;
}
.words{
    position: relative;
    width: 30%;
    height: 70%;
    border: solid 5px white;
    font-size: 3vw;
    color: cornsilk;
    background-color: blueviolet;
}

#left{
    /*background-color: blueviolet;*/
    float: left;
}

#middle{
    /*background-color: rgb(100, 237, 207);*/

}

#right{
    /*background-color: cornflowerblue;*/

}

#top-div, #bot-div{
    height: 15%;
    width: 100%;
    display: table;
    text-align: center;
}
span{
    display: table-cell;
    vertical-align: middle;
}
#replay{
    position: fixed;
    right: 20px;
    top: 20px;
}
#next{
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.correct{
    background-color: green;
}
.wrong{
    background-color: red;
}

#screen{
position: absolute;
background-color: rgba(39, 39, 36, 0.9);
display: flex;
justify-content: center;
align-items: center;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
} 

#select-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: aliceblue;
    border-radius: 12px;
    border: 10px solid rgb(101, 38, 178);
    height: 30%;
    width: 40%;

}

#submit-selection{
    display: block;
}