video {
border: 1px solid black;
padding: 0;
margin: 0;
width: 650px;
height: 365px;
background-color: black;
margin: auto;
display: block;
}
#buttons {
text-align: center;
}
button{
font-family: Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}
.awesome{
background: #222;/* url(/images/alert-overlay.png) repeat-x;*/
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover {
background-color: #111;
color: #fff;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
.red.awesome {
background-color: #e33100;
}
.blue.awesome {
background-color: #2daebf;
}
.blue.awesome:hover {
background-color: #007d9a;
}
.red.awesome:hover {
background-color: #872300;
}