/* General site settings */
body {
  background-color: #f0f0f0; /* Change background color */
  font-family: "New Roman", monospace; /* Classic retro feel */
  color: #333;
}

/* Centers everytng on the screen */
#container {
  max-width: 250000px;
  margin: 20px auto;
  background: white;
  border: 2px solid black;
  padding: 100px;
}

header, footer {
  text-align: center;
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
}

nav {
  text-align: center;
  margin: 10px 0;
  padding: 5px;
  background: #ddd;
}

/* Creates the 2-column layout */
#flex-wrapper {
  display: flex;
  gap: 20px;
}

main {
  flex: 3; /* Content takes up more space */
}

aside {
  flex: 1; /* Sidebar is narrower */
  background: #fafafa;
  padding: 10px;
  border-left: 1px solid #ccc;
}
header h1 {
  color:  Black; /* This is a light gray */
}