html, body {
  /* background-color: #F0FEEC; */
  background-color: #2F4E0D;
  min-width: 640px;
  overflow-x: hidden;
}

.hero-section {
  position: relative;
  background-color: #F0FEEC;
}

.content-section {
  position: relative;
  z-index: 10;
  margin-top: -13vw;
}

.triangle1 {
  position: relative;
  background-color: #2F4E0D;
  height: 14vw;
  transform: scale(2) rotate(10deg) translateY(5vw);
}

ul {
  list-style-position: outside;
}

.pulse {
  animation: pulse 0.6s infinite;
}

@keyframes pulse {
  0% {
    background-color: #ffed4a;
  }

  50% {
    background-color: #ffae4a;
  }

  100% {
    background-color: #ffed4a;
  }
}

.pulse:hover {
  animation: none;
  background-color: #ffed4a;
}

.pulse:active {
  background-color: #ffae4a;
}

.navbar {
  background-color: #2F4E0D;
  color: white;
}

.nav-item {
  border-radius: 24px;
  border: 1px solid white;
  padding: 4px 16px;
  text-align: center;
}

.nav-item:hover {
  cursor: pointer;
}

.tokenomics-header {
  background: rgb(44,76,3);
  background: linear-gradient(90deg, rgba(44,76,3,1) 0%, rgba(44,76,3,1) 40%, rgba(166,186,150,1) 100%);
  color: white;
}

.player90 {
  max-width: 40vw;
  max-height: calc(100vh - 200px);
}

.player90 img {
  width: 3455px;
}

.join-revolution-text {
  font-size: 4.4vw;
  color: #2f4e0d;
}

a.link-style {
  color: #0000EE;
  text-decoration: underline;
}

/* Zoom Cheat */
@media screen and (min-width: 1800px) {
  .navbar {
    zoom: 1.5;
  }

  .content-section {
    zoom: 1.5;
    margin-top: -9vw;
  }
}

@media screen and (min-width: 3000px) {
  .navbar {
    zoom: 2;
  }

  .content-section {
    zoom: 2;
    margin-top: -6.5vw;
  }
}