html{
 background-color: #818181;
}
.container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
 
.grid {
  background-color: #818181;
  color: #818181;
  padding: 1px;
  font-size: 2rem;
}


.content {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
 
  
}
.sidebar {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
  background: #818181;
}
}
 
.footer {
  grid-column-start: 2;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;
  color: #59595C;
  background: #818181;
}  

li a {
	float: left;
	list-style: none;
	padding: 6px 20px 6px 5px;
	display: block;
	font-weight: bold;
	font-size: 60%;
	color: #59595C;
    text-decoration: none;
}


a {
	float: right;
	display: block;
	padding: 6px 20px 6px 5px;
	font-weight: bold;
	font-size: 60%;
	color: #59595C;
   text-decoration: none;
}

a:hover {
	color: #000;
}
img {
align: left ;
}

ul {
  list-style-type: none;
  position:relative;
  margin: 1;
  padding: 1;
}
/* navigation */
	
#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #818181
	
}

#nav li { 
	float: left;
	margin: 0;
	padding: 0;
}
	
#nav a {
	float: left;
	display: block;
	padding: 6px 20px 6px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 60%;
	color: #59595C;
	background: #818181;

}
	
#nav #nav-1 a {
	padding-left: 20px;
}
	
#nav a:hover {
	color: #000;
}

/* more */
	
ul#more {
	clear: left;
	margin-top: 60px;
}