body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; 
  text-align: center;
  height: 100%;
}
/* A full-screen element that is not the root element should be stretched to cover the viewport. */
:-webkit-full-screen:not(:root) {
  width: 90% !important;
  float: none !important;
}
:-webkit-full-screen video {
  width: 100%;
}
:-webkit-full-screen .tohide {
  color: transparent;
}
:-webkit-full-screen .tohide::after {
  display: block;
  width: 100%;
  height: 100%;
  content: 'FULLSCREEN IFRAME CONTENT!!';
  color: white;
  font-size: 50pt;
  font-weight: bold;
  -webkit-text-stroke: 2px orange;
  -moz-text-stroke: 2px orange;
  -o-text-stroke: 2px orange;
  text-stroke: 2px orange;
  text-shadow: 3px 4px 10px black;
  background: url('http://www.html5rocks.com/static/images/identity/HTML5_Badge_128.png');
}

:-moz-full-screen #fs-inner {
  display: table-cell;
  vertical-align: middle;
}
#fs-container:-moz-full-screen {
  display: table;
  margin: auto;
  width: 100%;
  height: 100%;
}
:-moz-full-screen:not(:root) {
  width: 90% !important;
  float: none !important;
}
:-moz-full-screen video {
  width: 100%;
}
:-moz-full-screen .tohide {
  display: none;
}
#fs {
  background: -webkit-linear-gradient(white 0%, #fff);
  background: -moz-linear-gradient(white 0%, #fff 0%);
  border-radius: 0px;
  text-align: left;
  padding: 0px;
  box-sizing: border-box;
}
button {
  display: inline-block;
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F9F9F9), to(#E3E3E3));
  background: -webkit-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -moz-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -ms-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -o-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
button:hover {
  border-color: black;
}
button:active {
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#E3E3E3), to(#F9F9F9));
  background: -webkit-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -moz-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -ms-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -o-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
}