/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


/* Simple Dark Theme */
body {
  background-color: Black;  /* Pure black background */
  color: White;             /* White text */
  /*font-family: 'Minecraft', sans-serif;*/
   font-family: sans-serif;

}

/* Link styling */
a {
  color: #1e90ff;            /* Bright blue links for contrast */
  text-decoration: none;     /* Removes underline by default */
}

a:hover {
  text-decoration: underline; /* Underline on hover for usability */
}

/* Heading styles */
h1, h2, h3 {
  color: #f0f0f0;            /* Slightly off-white for headings */
  margin-top: 1.5em;
}

/* List styling */
ul {
  padding-left: 1.5em;
}

li {
  margin-bottom: 0.5em;
}

/* Box container */
body > .content-box {     /* Targets direct child div of body */
  max-width: 800px;       /* Limits box width */
  margin: 0 auto;         /* Centers the box */
  padding: 20px;          /* Inner spacing */
  border: 2px solid #fff; /* White border */
  /*border-radius: 8px;*/     /* Slightly rounded corners */
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); /* Subtle glow */
}

/* Minimal Navbar */
.navbar {
  border-bottom: 1px solid #333; /* Single line under navbar */
  padding: 1rem 0; /* Spacing above/below links */
  margin-bottom: 1.5rem; /* ← This adds space below navbar */

}

.nav-links {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-links a {
  color: white;
  text-decoration: none;
  padding-bottom: 0.5rem; /* Space for underline */
}

.nav-links a:hover {
  border-bottom: 1px solid white; /* Hover underline */
}

/* Current page indicator */
.nav-links a.active {
  border-bottom: 1px solid #1e90ff; /* Blue underline */
}

/*Log Entries (Diary type shiii*/
.log-entry {
  /*border-left: 3px solid #1e90ff;*/ /* Accent bar */
  border-left: 3px solid #3c3836;
  padding: 1rem;
  margin: 1.5rem 0;
  /*background: rgba(30, 144, 255, 0.05);*/ /* Subtle blue tint */
  border-radius: 0 4px 4px 0; /* Rounded right corners only */
  background: rgba(255, 255, 255, 0.08); /* Subtle white tint */
  backdrop-filter: blur(2px); /* Optional: frosted glass effect */
}

.log-entry h3 {
  margin-top: 0;
  /*color: #1e90ff;*/ /*blue*/
  color: #458588;
  font-size: 1.1rem;
}

.log-entry p {
  margin-bottom: 0;
  color: #e0e0e0;
  line-height: 1.5;
}

.log-entry .date {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 0.5rem;
}


/* Mobile responsiveness */
@media (max-width: 600px) {
  .nav-links {
    flex-direction: column;
    gap: 0.5rem;
  }
}