/:root {
  --black: #0e0e0e;
  --white: #f5f5f5;
  --soft-gray: #b5b5b5;
  --dark-red: #7a2e2e;
  --faded-red: #a14a4a;
}
body {
  background-color: var(--black);
  color: var(--white);
  font-family: 'VT323', monospace;
  font-size: 20px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.container {
  max-width: 700px;
  margin: auto;
  padding: 40px 20px;
}

header {
  text-align: center;
  margin-bottom: 40px;
}

h1 {
  font-family: 'Press Start 2P', cursive;
  font-size: 20px;
  color: var(--dark-red);
}

.subtitle {
  color: var(--soft-gray);
}

section {
  margin-bottom: 35px;
  padding: 15px;
  border-left: 2px solid var(--dark-red);
}
h2 {
  color: var(--dark-red);
  margin-bottom: 10px;
}

ul {
  list-style: none;
  padding-left: 0;
}

li {
  margin-bottom: 5px;
}

.note {
  font-size: 16px;
  color: var(--soft-gray);
}
footer {
  text-align: center;
  font-size: 14px;
  color: var(--soft-gray);
  margin-top: 50px;
}

/* Soft hover effects */
a:hover {
  color: var(--faded-red);
}