* { box-sizing: border-box; }
div {font-family: system-ui;}
body { background-color: #000000;
	color: #FFFFFF;}
header { color: #FFFFFF;
	background-image: url(nokiaeseriesbanner.jpg); }
main { margin-left: 100px; }
header { grid-area: header; }
nav    { grid-area: nav; }
main   { grid-area: main; }
aside  { grid-area: aside; }
footer { grid-area: footer; }
#wrapper { display: grid;
                    grid-template-rows: 100px auto 50px;
                    grid-template-columns: 150px 1fr 30%;
                    grid-template-areas: 
     					 "header  header header"
						 "nav     main   aside" 
     					 "footer  footer footer"  ; }
#wrapper { width: 80%;
	margin-left: auto;
	margin-right: auto; }
h1 { text-align: center; 
	color: #FFFFFF;
	font-size: 200%;}
h2 { text-align: center;}
nav { float: left;
	font-weight: bold;
	width: 200px;
	padding: 10px;
	border: 3px;
	border-style: solid;}
	
/* unvisited link */
nav a:link { color: #FFFFFF; }
/* visited link */
nav a:visited { color: #FF0000; }
/* hover */
nav a:hover { color: #00FF25; }
nav ul { list-style-type: none;}
main { margin-left: 100px;
	padding: 10px; }
footer { text-align: center;
	font-style: italic;
	clear: both;
	padding: 1em; }
footer ul { list-style-type: none;}
</style>