body{
    margin: 0;
    overflow: hidden;
}

#ariaContainer{
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#ariaContainer > *{
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#container{
    position: relative;
}

.loaderContainer{
    position: absolute;
    top: 190px;
    left: 290px;
    width: 120px;
    font-size: 14px;
}

.loader {
    position: absolute;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    border-bottom: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    box-sizing: border-box;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loadingPercent{
    width: 100%;
    text-align: center;
    top: 55px;
    position: absolute;
    font-weight: bold;
}

.mitosisVideoContainer, .meiosisVideoContainer{
    position: absolute;
    top: 280px;
    left: 300px;
    width: 296px;
    height: 209px;
    /* visibility: hidden; */
    overflow: hidden;
    z-index: -5;
}

.mitosisVideoContainer video, .meiosisVideoContainer video{
    width: 100%;
}

canvas{
    z-index: 5;
}

.whiteBg{
    background-color: #FFFFFF;
}

#scaleDiv{
    position: absolute;
    top:0px;
    left:0px;   
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased; 
}

#txt1{
    position: absolute;
    left: 55px;
    top: 90px;
    width: 542px;
    font-size: 23px;
    font-family: "Gill sans";
    text-align: justify;
    display: none;
} 

#txt2{
    position: absolute;
    left: 192px;
    top: 185px;
    width: 256px;
    font-size: 15.5px;
    font-family: "Gill sans";
    text-align: justify;
    display: none;
} 

#txt3{
    position: absolute;
    left: 192px;
    top: 189px;
    width: 256px;
    font-size: 11.25px;
    font-family: "Gill sans";
    text-align: left;
    display: none;
} 

#txt4{
    position: absolute;
    left: 192px;
    top: 185px;
    width: 256px;
    font-size: 17px;
    font-family: "Gill sans";
    text-align: justify;
    display: none;
} 

*:focus{
    outline: none;
}

.focussed{
    outline: 2px solid #FF0000;
}