body{
    background-color: #000080;
    background-image: url('../image/cats.png');
    background-repeat:repeat;
    color: #7fffd4;
    font-family: monospace;
    
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
li{
    background-color: #;
    color: #000000;
}
li:hover{
    opacity: 50%;
}


#header{grid-area: header;}
#nav{grid-area: nav;}
#main{grid-area: main;}
#footer{grid-area: footer;}

#nav{
	background-color: #98fb98;
	color: #547A54;
}
#main{
    background-color: #000000;
}
#main img{
    height: 200px;
}
#header, #footer{
    background-color:#56465f;
}


/*larger screens*/
@media only screen and (min-width: 816px){

}


@media only screen and (min-width: 769px){
	#container{
		margin-top: 10%;
		margin-left: 10%;
		margin-right: 10%;
	}
}