/* Background image */
body {
  background-image: url("/images/lair-background.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #39ff14; /* Neon green text */
  font-family: 'Courier New', monospace;
}

/* Remove white boxes and make sections transparent */
.home-about {
  margin-top: 12rem; /* pushes text down */
  text-align: center;
}
.home-about *:last-child {
  display: block;
  margin-top: 1rem;
  text-align: center;
}

.home-content,
.home-posts {
  background: transparent !important;
  padding: 2rem;
}


/* Shrink the logo or large header text */
h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.avatar {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 10;
}

.avatar img {
  max-width: 160px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(168, 255, 96, 0.5);
}
/* Optional: add a dark overlay for readability */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;

/* Remove white backgrounds from common layout containers */
main,
.container,
.content,
.home-about,
.home-content,
.home-posts,
section {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Optional: remove padding/margin if needed */
main,
.container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Make sure text is readable over the background */
body {
  color: #39ff14;
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14;
}

.home-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.intro-final {
  margin-top: 1rem;
  border: 1px dashed red; /* for testing */
}