html {
margin:0;
overflow:hidden;
background-color:transparent;
}

#myCanvas {
display: block;
width:1032px;
height:390px;
margin:-8px;
background:rgba(0,0,0,0.2);
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s
}

#myCanvas:hover {
background:rgba(0,0,0,0.8);
}

.overlay_slider {
position:absolute;
top:-45px;
left:5px;
height:20px;
width:275px;
font-family:Ubuntu, sans-serif;
font-style:normal;
font-weight:400;
font-size:14px;
text-align:center;
color:rgba(255,255,255,0.7); 
text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
padding-top:2px;
border:1px solid rgba(255,214,46,0.8);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color:rgba(0,0,0,0.4);
-webkit-box-shadow:5px 5px 8px #000;
-moz-box-shadow:5px 5px 8px #000;
-ms-box-shadow:5px 5px 8px #000;
-o-box-shadow:5px 5px 8px #000;
box-shadow:5px 5px 8px #000
}

.info {
position:absolute;
top:0px;
left:880px;
height:30px;
width:150px;
font-family:'Varela Round', sans-serif;
font-style:normal;
font-weight: bold;
font-size:20px;
text-align:left;
color:#FFFFFF;
text-shadow: -1px -1px 1px rgba(255,255,255,0.2),1px 1px 1px rgba(255,255,255,0.8), 3px 3px 5px #000000, 5px 5px 5px #000000;
}