body {
  background-color: #0d0208; /* Deep dark background */
  color: #00ff41;           /* Retro terminal green */
  font-family: 'Courier New', Courier, monospace;
  margin: 20px;
}

#container {
  max-width: 800px;
  margin: 0 auto;
  border: 2px solid #ff00ff; /* Neon Pink Border */
  box-shadow: 0 0 15px #ff00ff;
  padding: 20px;
}

header {
  text-align: center;
  border-bottom: 2px double #00ffff; /* Neon Cyan Border */
  padding-bottom: 10px;
}

h1 {
  color: #ff00ff;
  text-shadow: 2px 2px #00ffff;
  letter-spacing: 2px;
}

.status-bar {
  background: #222;
  font-size: 0.8em;
  padding: 5px;
  color: #00ffff;
}

#flex {
  display: flex;
  margin-top: 20px;
}

aside {
  width: 25%;
  border-right: 1px solid #00ffff;
  padding-right: 15px;
}

main {
  width: 75%;
  padding-left: 20px;
}

h2, h3 {
  color: #00ffff;
  text-transform: uppercase;
}

a {
  color: #ff00ff;
  text-decoration: none;
}

a:hover {
  background: #ff00ff;
  color: #000;
}

footer {
  text-align: center;
  font-size: 0.7em;
  margin-top: 30px;
  color: #444;
}