/* Coolors Exported Palette - coolors.co/27213c-5a352a-a33b20-a47963-a6a57a */
/* HSL */
body {
  background: #26213b;
  font-family: helvetica, arial, sans-serif;
}

h1 {
  font-size: 12em;
  color: #a23a20;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0em;
}

.main {
  margin-top: 10%;
  text-align: center;
}
.main__title {
  line-height: 0.8em;
}
.main__title span {
  display: inline-block;
  -webkit-transition: 1s all 1.5s linear;
  transition: 1s all 1.5s linear;
}
.main__title .first {
  -webkit-transform: translate(-400%, 0);
          transform: translate(-400%, 0);
}
.main__title .second {
  -webkit-transform: translate(0, -400%);
          transform: translate(0, -400%);
}
.main__title.play .first, .main__title.play .second {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.main__subtext {
  font-size: 1.5em;
  color: #a47a65;
}