@theme {
  --color-yellow: #e2bf04;
}

.hero {
  background-image: url("/public/landing/src/assets/hero.png");
  background-size: cover;
  background-position: center;
}

.open-section {
  background-image: url("/public/landing/src/assets/open.png");
  background-size: cover;
  background-position: center;
}

.earn-section {
  background-image: url("/public/landing/src/assets/earn.png");
  background-size: cover;
  background-position: center;
}
@media (min-width: 1024px) {
  .navbar-section {
    background-image: url("/public/landing/src/assets/navbar.png");
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 1024px) {
  .vendor {
    background-image: url("/public/landing/src/assets/sos_premiere.png");
    background-size: cover;
    background-position: center;
    border-radius: 14px;
  }
}