body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  color: white;
  background: url("/images/background.jpg") center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center; }
  body .logoContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;  }
    body .logoContent img {
      display: block;
      width: 100%; }
    body .logoContent__logo {
      max-width: 621px;
      animation: appearLogo 2000ms ease forwards;
      opacity: 0; }

@keyframes appearLogo {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    body .logoContent__comingSoon {
      max-width: 274px;
      animation: appear 2000ms ease 1000ms forwards;
      opacity: 0; }

@keyframes appear {
  from {
    transform: translateY(20px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

/*# sourceMappingURL=app.css.map */