.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.videoContainer iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoContainer object{
position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.highlight{

 font-size:120%;
 background: red;
 color:white;
 padding:5px;
 border-radius:5px;
 opacity:0.8;
}

.highlight2{

 font-size:120%;
 background: #4C9AD4;
 color:white;
 padding:5px;
 border-radius:5px;
 opacity:0.8;
 
}

.highlight3{

 font-size:120%;
 background: white;
 color:#4c9ad4;
 padding:5px;
 border-radius:5px;
 opacity:0.8;
 
}

.highlight4{

 font-size:140%;
 background: #BF8B00;
 color:white;
 padding:5px;
 border-radius:5px;
 opacity:0.8;
 
}

.highlight5{

 font-size:140%;
 background: #white;
 color:black;
 border:red solid 2px;
 padding:5px;
 border-radius:5px;
 opacity:0.8;
 
}

.task1{
 background:#ffff66;
 padding:10px;

}