body {
  margin: 0px;
  background-color: #c3d1ba;
  color: black;
  font-family: Verdana;
}
main{
  margin-left: 20px;
  margin-right: 20px;
} 

h1{ 
    text-align: center;
} 
.navbar ul{
    list-style-type: none;
    background-color: #7A9858; 
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.navbar a{
  color: white;
  text-decoration: none;
  padding: 15px;
  display: block;
  text-align: center;
}
.navbar a:hover{
  background-color: #657d48; 
}

.navbar li{
  float: left;
}

section{

  display: grid;
  
  
  border: black 5px solid;
  margin: 50px 500px 50px 50px;
  
}
  
  
.grid-container{
  display:grid;
  grid-auto-columns: 200px;
  grid-auto-rows: 200px;
  gap: 1em;
  grid-template-areas:
  "box-1 box-2 box-2 box-3"
  "box-1 box-4 box-4 box-5";
}

  
  
  


.box{
  background-color: green;
}