body{
  margin:0;
  overflow: hidden;
  background-color: #000;
}


#video {
  max-width: 100%;
  height: 100%;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  z-index: 100;
}

#video-overlay {
  position: absolute;
  width: 100%;
  height:100%;
  text-align:center;
  z-index: 101;
}


#log {
  position: fixed;
  bottom: 0;
  right: 1em;
  color: #FFF;
  background-color: #000;
  visibility: hidden;
  /* z-index: 1; */
}

.button{
  background: url("../button/1 stopper_normal.png") no-repeat center;
  background-size: 100% auto;
  width: 10%;
  height: 20%;
  position:absolute;
  right:0;
  /* top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  z-index: 999;
  transition: background 1s ease-in;
  /* background-color: red; */
}

.button:hover {
  background: url("../button/2 stopper_hover.png") no-repeat center;
  background-size: 100% auto;
  transition: background 1s ease-out;
}

.button:active {
  background: url("../button/3 stopper_clicked.png") no-repeat center;
  background-size: 100% auto;
  transition-duration: 0.1s;
}