body{
    background: black;
}

img {
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 10%;
}


.answerCardText {
    position: absolute;
    transform: translate(-50%, -50%);
    font-family: "Calibri", "Carlito", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.9vw;
    left: 50%;
    top: 75%;
    width: 70%;
    color: black;
    background-color: #DDDDDD;
    border-radius: 10px;
}

.centered {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9vw;
    font-family: "Calibri", "Carlito", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.divTable{
    display: table;
    width: 100%;
    margin: auto;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    display: table-header-group;
}
.divTableCell, .divTableHead {
    /*border: 1px solid #999999;*/
    display: table-cell;
    padding: .52% .7%;
    position: relative;
    text-align: center;
}
.divTableHeading {
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}