body {
 background-image:  url("https://unsynchronized.neocities.org/Site_Core_Images/Neocities%20Landing%20NEW%202.png");
  background-repeat: repeat;
  background-size: auto;
  background-position: top center;
}

  @media (max-width: 768px) {
  body {
    background-size: cover, cover;
    background-position: top, bottom;
    font-size: 1em;
  }
/* Global link styles (apply everywhere unless overridden) */
a {
  color: #5A6A73;
  text-decoration: underline;
  font-size: 1.2em; /* bigger by default */
}

a:link {
  color: #4B5A6A;
  text-decoration: none;
}

a:visited {
  color: #4B5A6A;
}

a:hover {
  color: #6A6E75;
  text-decoration: underline;
}

a:active {
  color: #3A3E44;
}

/* Navigation links (special styling for nav section) */
.nav-links a {
  font-family: 'Caveat', cursive;
  color: #4B0082;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em; /* larger for nav on desktop */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  a {
    font-size: 1em; /* scale down all links on mobile */
  }

  .nav-links a {
    font-size: 1.2em; /* slightly smaller nav links on mobile */
  }

  .index-links {
    top: 10px;
    right: 10px;
    font-size: 1.4em;
  }
}
p {
  font-family: 'Caveat', cursive;
  font-size: 2em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Caveat', cursive;
}
body, p {
  color: #4B4F56;
}
h1 {
  color: #3A3E44;
}
h2 {
  color: #43474D;
}
h3 {
  color: #4B4F56;
}
h4, h5, h6 {
  color: #5A5E65;
}
}
small, footer {
  color: #6A6E75;
}
.nav-links {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  margin-top: 100px;   /* pushes links down below the logo */
  position: relative;
}
.landing-image-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.landing-image-container img {
  width: 100%;
  height: auto;
  display: block;
}
  }