body {
  margin: 0;
  padding: 0;
}

.site-box {
  width: 600px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 120px; /* space for the center-box */
}

/* this makes it sit nicely BELOW, not overlap */
.center-box {
  position: absolute;
  left: 75%;
  bottom: -160%; 
  transform: translateX(-50%);
  width: 100%;
}

/* marquee stays as a normal positioned layer */
.marquee {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}


.enter-link {
  color: #00ff00;
  text-decoration: none;
  transition: 0.2s;
}

.enter-link:hover {
  animation: colorPulse 2s ease-in-out infinite;
}

@keyframes colorPulse {
  0% {
    color: #00ff00; /* bright green */
  }
  50% {
    color: #008800; /* darker green */
  }
  100% {
    color: #00ff00;
  }
}

#top-wrapper {
  position: absolute;
  top: 10px;   /* ← CHANGE THIS TO MOVE IT */
  left: 50%;
  transform: translateX(-50%);
  width: 90%;   /* keeps it centered */
}

#top-bar {
  background: black;
}




body {
  image-rendering: auto;
}