body
{
background-color: black;
font-family: sans-serif;

}

.container {
  display: grid;
  grid-template-columns: 0.10fr 15px 1fr;
  grid-template-rows: auto 10px auto 10px auto 10px auto;
 
}
 
.grid {
  background-color: #444;
  color: #fff;
  padding: 25px;
  font-size: 3rem;
}

.header {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: #26364a;
  font-size: 3em;
  text-shadow: 3px 3px #00FF00;
}

.sidebar {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 3;
  grid-row-end: 6;
  background-color: #26364a;
  font-size: 1.5em;
}

.content {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 6;
  background: #lightgray;
  height: 600px;
  background-color: #26364a;
  font-size: 1.5em;
  overflow: auto;
  height: auto;
  

  .img {
    float: right: 0 top 0;
    
  }

}

.extra {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 7;
  grid-row-end: 8;
  background-color: #26364a;
  font-size: 1.5em;
}
 
.footer {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 10;
  grid-row-end: 12;
  background-color: #26364a;
  font-size: 1.5em;
}

.a: link {
	color: #white;
}