.player {
  width:100%;
  margin: 1rem 0 0 0;
  /* border: 1px solid #000; */
    background-color:#333;
    display:block;

}

video, audio, .controls {
  width: 100%;
}

.controls {
  height: 36px;
}

button {
  display: block;
  float: left;
  border: 0;
  margin:0px;
  height: 100%;
  width: 50px;
  cursor: pointer;
  background-color:#eaeaea;
}
button:first-of-type {
  background-color:#bed;
}
button:nth-of-type(2) {
  background-color:rgb(246, 156, 156);
}
button:nth-of-type(3) {
  background-color:#fdb;
}
button:nth-of-type(4) {
  background-color:rgb(255, 238, 213);
}

button:hover, button:focus {
  background-color: black;
  color:white;;
}

button:active {
  background-color: #000;
}

.controls div {
  font-size: 12px;
  display: inline-block;
  line-height: 36px;
  width: 45px;
  float: right;
  font-family:degular-text;
}

video {
  margin-bottom: -5px;
}
.time { color:white;}