body {
  font-family:'Times New Roman', Times, serif;
  text-align: center;
}
.imgs{
  padding-top: 150px;
  padding-right: 30px;
}

h1{
  color: #00002e;
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-size: 2em;
}

h2{
  color: #00002e;
  font-family: 'Times New Roman', Times, serif;
  font-size: 2em;
}

.left {
  position: fixed;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("https://i.pinimg.com/736x/65/30/7c/65307c4e44617c5ab16a2077dd11a20f.jpg") repeat 0 0;
  /* background-color: rgb(44, 162, 208); */
}

.right {
  position: fixed;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background: url(https://cdn.wallpapersafari.com/72/62/pyxBvN.gif) repeat 0 0;

}



.btn {
  margin-top: 30px;
  display: inline-block;
  width: 180px;
  padding: 15px 15px;
  text-decoration: none;
  background-color: #b4b392;
  color: #00002e;
  text-align: center;
  border-radius: 30px;
  font-size: 23px;
  font-weight: bolder;
  
  transition: background-color ease-in-out 2s;
}

.btn:hover {
  background-color: #C44649;
}

.rocket {
  position: absolute;
  left: 50%;
  bottom: -2em;
  width: 262px;
  height: 460px;
  margin-left: -130.5px;
  background: url(../img/rocket_state1.png) no-repeat 0 0;
  transition: bottom ease-in 2s;

}

body.l-state1 .rocket{
  transition: none;
}

body.l-state2 .rocket {
  background: url(../img/rocket_state2.png) no-repeat 0 0;
}


body.l-state3 .rocket,
body.l-state4 .rocket {
  bottom: 800px;
  background: url(../img/rocket_state3.png) no-repeat 0 0;
}

body.l-state5 .rocket {
  width: 577px;
  height: 579px;
  margin-left: -288.5px;
  background: url(../img/boom.png) no-repeat 0 0;
  bottom: 4em;
}

.ground {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: url(../img/ground.png) repeat 0 0;
  
}

/*Lauch States*/

.state1,
.state2, 
.state3, 
.state4,
.state5 {
  display: none;
}

body.l-state1 .state1{display: block;}
body.l-state2 .state2{display: block;}
body.l-state3 .state3{display: block;}
body.l-state4 .state4{display: block;}
body.l-state5 .state5{display: block;}