.videoplaceholder {
    position:static;
    margin: 30px;
    width: 852px;
    height: 480px;
    z-index:auto;
    border: 5px solid rgb(122, 122, 122);
    background-color: #fff;
    display:flex;
    justify-content:center;
    align-items:center;"
}


#tsc_player {
    z-index: 9999;	
 }
 
 .tscplayer_inline {
     position:static;
     margin: 30px;
     width: 852px;
     height: 480px;
     z-index:auto;
     border: 5px solid rgb(122, 122, 122);
 }
 
 .tscplayer_fullframe {
     position:absolute;
     top: 0px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     z-index: 9999;	
 }
 
 @media screen and (max-width: 852px) {
     .tscplayer_inline {
     width: 100%;
     }
 }
 
html {
    font-size: 20px;
}

body {
    width: 75%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12.5%;
    padding-right: 12.5%;
    background-color: #fffff8;
    color: #111;
    max-width: 922px;
    min-width: 650px;
    /* sorry */
}

h2 {
    border-top: 1px solid black;
    padding-top: 9px;
}

.quizContainer {
    margin-top: 30px;
    padding: 10px;
    text-align: center;
}

.quizContainer h3 {
    margin-top: 0;
}

.quizTitle {
    font-weight: bold;
}

.btnGroup, .centre {
    display:flex;
    align-items:center;
    justify-content:center;
}

.question, .answer, .finish {
    display:flex;
    align-items:center;
    justify-content:center;
    background-color: #fff;
    padding: 10px;
    max-width: 100%;
    max-width: 852px;
    min-height: 100px;
    border: 5px solid rgb(122, 122, 122);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}


.btn{
    -webkit-appearance: button;
    background-color: rgb(219, 219, 219);
    font: inherit;
    text-decoration: none;
    color: inherit;

    border: 1px solid;
    border-radius: 3px;
    padding: 20px;
    cursor: pointer;
    margin: 0;
    margin-bottom: 20px;
}
 
.btn:hover{
    background-color: rgb(148, 148, 148);
}