body {
  font-family: "quatro-slab", serif;
  font-weight: 700;
  font-style: normal;
  background-color: #A4AA83;
  margin:70px;

}

h1{
  color:#4C411A;
  text-align: justify;
}

h2{
  color: #4C411A;
  text-align: left;
}

.wra{
  /* display: grid;
  grid-template-columns: 2fr 1fr; */
  text-align: justify;
  color:#4C411A
  
}

.wrap {
  display: grid;
  grid-template-columns:repeat(2, 2fr);
grid-template-rows: 1fr;
  grid-auto-rows: 100px;
}


.wrap2{
  display: grid;
  grid-template-columns:3fr 3fr 0.01fr;
  grid-template-rows: 2fr;
  grid-auto-rows: 50px;
}


a{
font-family: "quatro-slab", serif;
font-size: large;
font-weight: 700;
font-style: normal;
color:#F3EED9;
text-transform:capitalize;
text-decoration: none;

}

p{
  line-height: 1.4;
  margin-inline-start: 0px;
  margin-inline-end: 120px;
  color: rgb(52, 56, 20);

}





/* structure */
.spacer{
  height: 100vh;
  border: 2px solid white;
}

section{
  height: 100vh;
  background: whitesmoke;
  margin: 100px;
}



table, th, td {
  
  text-align: left;
  padding: 20px;
}