body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   line-height:1.6;
   margin:0;
   padding:0;
   background-color:#f5f7fa;
   color:#1a1a1a;
   }


header  {
  background-color:#1E90FF;
  color:#ffffff;
  padding:25px;
  text-align:center;
  }


header h1 {
  margin:0;
  font-size: 2rem;
  }


header p {
  font-size: 1.1rem;
  }


nav {
  background-color:#AFEEEE;
  }
 

nav ul {
  list-style:none;
  margin: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  }


nav li {
  margin: 5px 10px;
  }


nav a {
  color: #OOOOOO;
  text-decpration: none;
  font-weight: bold;
  padding: 8px 12px;
  }


nav a:hover {
  background-color: #ffffff;
  color: #084298;
  border-radius: 5px;
  }


main {
  padding: 20px;
  max-width: 1000px;
  margin: auto;
  }


section {
  background-color: #ADD8E6;
  padding: 20px;
  margin-bottom: 25px;
  border-left: 6px solid #87CEFA;
  border-radius: 8px;
  }


section h2 {
  color: #4682B4;
  margin-top: 0;
  }


footer {
  background-color: #87CEFA;
  color: #OOOOOO;
  text-align: center;
  padding: 15px;
  font-size: 0.9rem;
  }


a:focus {
  outline: 3px solid #ffbf00;
  autline-offset: 3px;
  }