* {box-sizing: border-box;}

body {
    background-image: url('1.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  } 
form {
  width: auto;
  float: right;
  margin-right: 30px;
}
input {
  width: 80%;
  height: 42px;
  padding-left: 15px;
  margin-left: 35px;
  margin-top: 25px;
  border-radius: 42px;
  border: 2px solid #324b4e;
  background: #F9F0DA;
  outline: none;
  position: relative;
  box-shadow: 0px 0px 2px 2px rgb(0,0,0);
  transition: .3s linear;
}

button.play{
  width: 125px;
  height: 42px;
  background: #F9F0DA;
  border: 2px solid #324b4e;
  border-radius: 42px;
  margin-top: 25px;
  position: relative;
  top: -2px;
  right: 5px;
  margin-left: 10px;
  box-shadow: 0px 0px 2px 2px rgb(0,0,0);
}

button:focus {
    outline-color: transparent;
    outline-style:solid;
    box-shadow: 0 0 0 4px #5a01a7;
}

button:hover {
    outline-color: transparent;
    background-color:#bf9d9d;
    transition: 0.7s;
  }
  
div#frame {
 margin-top: 60px;
 text-align: center;
}  
iframe{
width: 600px;
height: 320px;
}

footer {
  position: fixed;
  bottom: 3%;
}
  img.counter {
  text-align: center;

}