[class*="BT"]{width:550px;display:block;position:absolute;padding:0;border-color:grey;margin:0 0 0px;line-height:6px;border-style:solid;left:50%;margin-left:-420px;height:75px; z-index: 9999;}
[class*="BT"] hover{position:absolute;z-index:2;width:320px;margin-left:-300px;  transition: all 0.55s ease-out 0s;    background: -moz-linear-gradient(15deg, rgba(255,255,255,0) 10%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 51%,rgba(0,0,0,0) 90%); /* FF3.6+ */background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(135,135,135,0.98)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(15deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 51%,rgba(0,0,0,0) 90%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(15deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 51%,rgba(0,0,0,0) 90%); /* Opera 11.10+ */background: -ms-linear-gradient(15deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 51%,rgba(0,0,0,0) 90%); /* IE10+ */background: linear-gradient(65deg,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0) 90%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  height:75px;margin-top:-37px;-webkit-transition:300ms cubic-bezier(.06,0,0,.72);}
[class*="OH"]{overflow:hidden;}
[class*="BR"]{border: 0px;}
[class*="R6"]{border-radius:0px;}
[class*="NF"]{background:transparent;}
[class*="BT"]:hover hover{  margin-left:-160px;}
[class*="TU"]{text-transform:uppercase;}
[class*="PT"]{cursor:pointer;}
[class*="BT"] span{  position:absolute;  width:200px;  margin-left:15px;  z-index:2;}
canvas{margin: 0px;padding: 20px;display:block;position:absolute;margin-top:-30px;}
button:active {
outline: none;
border: none;
}

button:focus {outline:0;}