body{
  background-image: url("cine.jpg");
  background-size: cover;
  color: orange;
  text-align: center;
}
button{
  cursor: pointer;
  margin: 10px;
  border-radius: 5px;
  text-decoration: none;
  padding: 10px;
  font-size: 22px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  display: inline-block;
}
span{
  font-size: 30px;
}
#loop{
  color: #e74c3c;
  border: 2px #e74c3c solid;
}
#loop:hover {
  color: #fff;
  background-color: #e74c3c;
}
#play1{
  color: #9b59b6;
  border: 2px #9b59b6 solid;
}

#play1:hover {
  color: #fff;
  background-color: #9b59b6;
}
#play2{
  color: #f1c40f;
  border: 2px #f1c40f solid;
}

#play2:hover {
  color: #fff;
  background-color: #f1c40f;
}
#play3{
  color: #55acee;
  border: 2px #55acee solid;
}

#play3:hover {
  background-color: #55acee;
  color: #fff
}