body {
  background-color: #f5f5f5;
  font-family: Georgia, serif;
  color: #222222;
}

h1 {
  font-size: 36px;
  color: #003366;
  text-align: center;
}

p {
  font-size: 16px;
  line-height: 1.6;
}
body {
background: #9c8c8a;
color: #e0e0e0;
font-family: 'Courier New', monospace;
}
nav {
background: #0d0d0d;
border-bottom: 1px solid #2BB5A0; padding: 12px 24px;
display: flex; gap: 24px;
}
nav a {
color: #2BB5A0; 
text-decoration: none; 
font-size: 14px; 
font-weight: 600; 
letter-spacing: 0.08em;
}
nav a hover {
color: #E8560A;
}
div {
  display: flex;
  padding: 48px 32px;
  flex-direction: column;
  align-items: center;
}
h1 { 
  font-family: 'Georgia', serif; 
  font-size: 2.5rem; 
  font-weight: bold; 
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #003366;
  text-align: center;
}

p{
  font-size: 1rem; 
  line-height: 1.8;
  max-width: 60ch; /*ch = width of one character, limits line length for readability */
  text-align: center;
}
h2 {
  font-size: 18px; 
  font-weight: 600;
  color: #2BB5A0; 
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
ul {
  list-style: none; 
  margin-bottom: 36px;
}
li {
  padding: 8px 0;
  border-bottom: 1px solid #1a1a1a;
  color: #e0e0e0;
  font-size: 14px; 
  text-align: center;
  gap: 10px;
}
.card {
  border: 1px solid #dddddd; 
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); 
  padding: 24px;
  margin-bottom: 16px;
  background-color: white;
  text-align: center;
}
nav{
  background-color:blue;
  color:white;
  font-size:16px;
}
nav a {
  background-color:#FFB6C1;
  color:white;
  border:1px solid black;
  font-size:16px;
  text-decoration:none;
}
a:hover {
color:green;
}
p {
  background-color:orange;
  border:1px solid black;
  margin-left:250px;
  margin-right:250px;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
color: #003366; text-align: center;