body   { 
	background-color: #B5B5B5; 
	background-image: linear-gradient(white,grey,#F5F6CE);
	color: midnightblue;
	min-height: 100vh;
	display: grid;
	grid-template-rows: 1fr 8em;
}

footer {
	background: grey linear-gradient(60deg, white, grey, #F5F6CE);	
	color: midnightblue;
}
h1 { 
   margin: 0;
   padding:0;
   font-family: Helvetica;
   font-weight: normal;
   font-size: 1.5em;
   color: blue;
   text-align : center;
   line-height : 2.0;
}

p {
 font-size: 1.0em;
 line-height: 1.5;
 margin-bottom: 0;
 margin-top : 0;
 
 }

ul {
    list-style-type: none;
    margin: 10;
    padding: 20;
    width: 300px;;
    background-color: 1E90FF;

}
.grid-container {
        display: grid;
        grid-template-columns: 200px 200px 200px;
        grid-template-rows: 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px ;
        grid-auto-rows: 100px;
        grid-auto-flow: rows;
        grid-auto-columns: 200px;
}
header {
background: grey linear-gradient(60deg, white, grey, #F5F6CE);	
	color: blue;
}

.nav {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 5;
    }

.contend {
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 5;
    }

.aside {
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 5;
    }

.footer {
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 5;
    grid-row-end: 11;
    }
table  {
  border-collapse: separate;
  border-spacing: 0.2em;
  margin-left: 28.2em;
}