body { 
     background-color: steelblue;
 }
body {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: bold;
  font-variation-settings:
    "width" 100;
  color: white;
}
  .middle {
  width: 80%;
  margin: auto;
  background-color: steelblue;
 }
  section {
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
 }
  section img {
  width: 35%;
  height: 35%
 }
  a {
 text-decoration: none;
 }
.sidenav a {
	position: absolute;
	left: -150px;
	transition: 0.3s;
	padding: 15px;
	width: 150px;
	text-decoration: none;
	font-size: 20px;
	color: white;
}
.sidenav a:hover {
	left: 0;
}
.posts {
	top: 20px;
	background-color: FireBrick;
}

.contact {
	top: 80px;
	background-color: Orange;
}

.videos {
	top: 140px;
	background-color: LightSeaGreen;
}