.mobile {
  background-color: var(--burnt-orange);
  background-image: url("/backgrounds/tomatoes-yellow.png");
  background-size: 200%;
}

.mobile__logo-wrapper {
  text-align: center;
  width: 100%;
}

.mobile__logo-wrapper::before {
  background-color: var(--color-base);
  content: '';
  display: block;
  height: 2rem;
  margin: 0 auto;
  width: 7rem;
}

.mobile__logo {
  margin: 0 auto;
  width: 7rem;
}

.mobile__container {
  background: white;
  border-radius: 2rem;
  margin: -4rem var(--spacing-medium);
  max-height: 90vh;
  padding: var(--spacing-x-large) var(--spacing-medium) var(--spacing-large);
  text-align: center;
}

.mobile-game {
  background-color: var(--dark-brown);
  color: var(--white);
}

.mobile-game h1 {
  padding-left: 24px;
}

.mobile-image-button {
  max-height: 200px;
  max-width: 73vw;
  margin-bottom: var(--spacing-base);
}

.mobile-video {
  max-height: 200px;
  max-width: 73vw;
}

.mobile__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .mobile__list {
    /* align-items: unset; */
    align-items: center;
  }
}