* {
  font-family: 'Staatliches', cursive;
  margin: 0;
  padding: 0;
}
.container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  width: 100vw;
}
h1.title {
  animation: show 1s 1 ease-in;
  color: #1871CE;
  font-size: 48px;
  position: relative;
}
h3.subtitle {
  animation: hide .5s ease-in, show .5s .5s 1 ease-in;
  font-size: 16px;
  position: relative;
}
h2.soon {
  animation: hide 1s ease-in, show .5s 1s 1 ease-in;
  font-size: 24px;
  margin: 40px 0 0 0;
  position: relative;
  width: 210px;
}
@keyframes hide {
  from { 
    opacity: 0;
    top: 20px;
  }
  to {
    opacity: 0;
    top: 20px;
  }
}
@keyframes show {
  from {
    opacity: 0;
    top: 20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}