body{
    background-color: #837868;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
header{
  border: 3px solid black;
  margin: 5px;
  margin-bottom: 15px;
  padding: 8px;
  background-color: white;
}
header{
  color: white;
  background-color: #444;
  margin-bottom: 5px;
  padding-left: 50px; 
}
nav{
    border: 1px solid black;
    margin-top: 5px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 15px;
    padding: 8px;
    background-color: #B11111;
    text-align: center;
}
nav > a {
  text-align: center;
  display: inline;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
  font-size: 1.5em;
  color: #D3D3D3;
}
footer{
    border: 1px solid grey;
    padding: 8px;
    background-color: white;
}
footer{
    color: white;
    background-color: #444;
    margin-top: 15px;
    margin-left: -10px;
    margin-right: -8px;
    margin-bottom: -8px;
}
.grid-container {
    display: grid;
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 100px auto auto auto auto;
    gap: 0px;
    background-color: black;
    padding: 10px;
  }
  .grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px;
    font-size: 30px;
  }
  .item1 {
    grid-column: 2 / span 4;
    grid-row: 1;
    font-size: 20px;
    text-align: left;
  }
  .item2 {
    grid-column: 2 / span 4;
    grid-row: 2 / span 2;
  }
  .item3 {
    grid-column: 2 / span 4;
    grid-row: 4;
    font-size: 15px;

    text-align: left;
  }
  .item4 {
    grid-column: 2 / span 4;
    grid-row: 5;
    font-size: 15px;
    text-align: left;
  }
  .item5 {
    grid-column: 2 / span 4;
    grid-row: 6;
    font-size: 15px;
    text-align: left;
  }
  .item6 {
    grid-column: 2 / span 4;
    grid-row: 7;
    font-size: 15px;
    text-align: left;
  }
  .item7 {
    grid-column: 2 / span 4;
    grid-row: 8;
    font-size: 15px;
    text-align: left;
  }
  .item8 {
    grid-column: 2 / span 4;
    grid-row: 9;
    font-size: 15px;
    text-align: left;
  }
.logo{
  float: left;
  margin-right: -25px;
  margin-bottom: -26px;
}
#background{
  width: 100%;
}