body{
  background-image: url(Buttons.jpeg);
 font-family: "Schoolbell", cursive;
 background-size: 100%;
}
header, main, nav1, nav2, nav3{
  border: #442d1c 2px solid;
  background-color: #e8d1a7;
  padding: 9px;
  border-radius: 5px;
  text-align: center;
} 
.box{ 
  display: grid;
  grid-gap: 5px; 
  color: #442d1c;
  margin: auto; 
  align-content: center;
  padding: 5px;
  justify-content: center;
  grid-template-columns: auto 50% auto auto;
  grid-template-rows: auto auto 225px auto; 
} 
header{
  grid-row: 1 / 2;
  grid-column: 1 / 4;
  padding: 0px;
  height: max-content;
  text-align: center;
  padding: 10px;
  font-size: 20px;
}
main{
  grid-row: 2 / 4;
  grid-column: 2 / 3;
   overflow: scroll;
  overflow-x: hidden;
  font-size: 19px;
}
h5{
  border: solid 1px #442d1c;
  padding: 3px;
  border-radius: 3px;
}
nav1{
  grid-row: 2 / 4;
  grid-column: 1 / 2;
   overflow: scroll;
  overflow-x: hidden;
}
nav2{
  grid-row: 2 / 3;
  grid-column: 3 / 4; 
   overflow: scroll;
  overflow-x: hidden;
}
li{ 
margin-right: 10px;
}
nav3{
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  overflow: scroll;
  overflow-x: scroll;
}
table, th, td{ 
  border: solid 1px #442d1c;
  border-collapse: collapse;
  justify-self: center;
  padding: 5px;
  border-radius: 3px;
}
footer{
  grid-row: 4 / 5;
  grid-column: 2 / 3;
  height: max-content;
  color: #e8d1a7;
} 
.link1{
background-color: #84592b;
color: #e8d1a7;
padding: 1px 1px 1px 1px;
display: inline-block;
margin-bottom: 2px;
width: 95px;
text-align: center;
border-radius: 3px;
}

.main{ 
  color: #442d1c;
}
ul{ 
  padding: 3px;
}
textarea{ 
  overflow: scroll;
}

::-webkit-scrollbar{ 
 content:hidden; 
}
#credit{
font-size: 13px;
position: fixed;
bottom: 0;
right: 3;
}
 
#credit a{
color: #442d1c;
}
 
#credit a:hover{
color: #e7f0f0;
}

hr{
  color: #442d1c;
}