body {
  background-color: #f5f4ef;
  color: black;
  font-family: Nunito;
	margin-top:70px;
	align-items:center;
  scrollbar-color:  #ccbda8 #86916e ;
  scrollbar-width: thin;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

a{
  color: #680e21;

}
a:hover{
  color: #000000;

}

h3#banner{
  margin-top:160px;
}

.container{
  display: grid;
  width: 50%;
  margin: 0 auto;
  /* overflow: auto; */
  
  grid-template-columns: 200px 800px;
  grid-template-rows: 200px 500px;
  grid-template-areas: 
  "header header"
  "nav main"
  "updates footer";
}

ul{
  list-style-type: none;
  padding-left: 10px;
}

img#sticker1{
  float: right; 
  margin: 0px 50px 15px 0px;
}

img#banner{
  float: right; 
  margin: -600px 0px 15px 0px;
}

div#header{
  grid-area:header;
  background-color: transparent;
}

div#nav{
  grid-area:nav;
  background-color: #c5bf99;
  padding: 10px;
}

div#main{
  grid-area:main;
  background-color: #8f8c7c;
  padding: 10px;
  overflow: auto;
}
div#updates{
  grid-area:updates;
  background-color: #b9b288;
  padding: 10px;
  overflow: auto;
  font-size: 12px;
  height:70px;
}

div#footer{
  grid-area:footer;
  text-align: right;
  align-content: end;
  background-color: #b9b288;
  padding: 10px;
}