/* ——— GENERAL ——— */
body {
  font-family: Georgia, serif;
  background-color: #1a1a1a; /* dark background */
  color: #e8e4d8;            /* soft off-white text */
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;       /* vertical centering of box */
  height: 100vh;             /* full viewport height */
}

/* ——— TOP NAVIGATION ——— */
nav {
  position: fixed;
  top: 0;
  width: 100%;e
  background: #1a1a1a;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  gap: 16px;
  z-index: 10;
  font-size: 0.85rem;
}

nav a {
  color: #e8e4d8;
  text-decoration: none;
}

nav a:hover {
  text-decoration: underline;
}

/* ——— CENTER BOX ——— */
.container {
  width: 500px;              /* narrower box */
  max-height: 60vh;           /* shorter, confined */
  padding: 35px;
  overflow-y: auto;
  background: rgba(26, 26, 26, 0.9); /* translucent dark panel */
  display: flex;
  flex-direction: column;
  justify-content: center;    /* vertical centering */
  align-items: center;        /* center the box content horizontally */
  line-height: 1.6;
  font-size: 0.95rem;
  border-radius: 0;
  text-align: justify;        /* justified text */
}

/* Space between heading and main text */
.container h1 {
  font-weight: normal;
  font-size: 1.6rem;
  margin-bottom: 20px;        /* space between heading and text */
}

/* Scrollbar */
.container::-webkit-scrollbar {
  width: 4px;
}

.container::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
}

.container::-webkit-scrollbar-track {
  background: transparent;
}

/* Firefox scrollbar */
.container {
  scrollbar-width: thin;
  scrollbar-color: #555 transparent;
}


a, a:visited {
  color: #d7bfa4;   /* soft light brown */
  text-decoration: underline;
}

a:hover {
  color: #e6cfb6;   /* slightly lighter on hover (optional) */
  text-decoration: underline;
}