body{
	color: black;
	margin: 0px;
}

#mygif{
	width: 2vw;
}

#grid{
	display: grid;
	grid-template-areas:
	"nav main";
	grid-template-columns: 1fr 3fr;
}

#nav{
	padding-left: 2vw;
	background-color: #CABD93;
	grid-area: nav;
}

#nav > ul {
	margin: 0;
	padding: 0;
}

#nav > ul > li{
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
}

#main{
	background-color: #CABD93;
	grid-area: main;
}

#background{
	justify-items:center;
	padding: 10vw;
	background: transparent;
	position:relative;	
	z-index: 2;
}

#bg{
	z-index: 1;
}

.banner{
	border: 4px dashed red;
	margin: 4px;
	text-align: center;
}

.sandy {
  background-color: #c9a96e;
  background-image:
    repeating-linear-gradient(
      102deg,
      transparent,
      transparent 3px,
      rgba(255, 235, 180, 0.12) 3px,
      rgba(255, 235, 180, 0.12) 4px
    ),
    repeating-linear-gradient(
      78deg,
      transparent,
      transparent 5px,
      rgba(140, 90, 30, 0.08) 5px,
      rgba(140, 90, 30, 0.08) 6px
    );
}