/* CSS Document */
body{
 grid-template-rows: 90px auto 30px;
 margin: 0px auto;
 max-width: 1000px;
 border: 1px solid black;
}

header h1,h2 {
background-color: black;
color: white;
text-align: center;
font-family: sans-serif,Calibri,Arial;
font-variant: small-caps;
font-size:larger;                                                                                
margin: 0px;
line-height: 50px;
}

header {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

header h1 {
font-size: 40px;

}
header h2 {
  font-size: 30px;
}

nav{
grid-column: 2 / 3;                                                             
grid-row: 1 / 2;                                                                     
}

section{
grid-column: 1 / 3;
grid-column: 2 / 3;
}

footer{
background-color: black;
color: white;
text-align: center;
font-family: sans-serif;
grid-column: 1 / 2;
grid-row: 3 / 4;
}

nav a{
background-color: black;
color: white;
display: block;
font-family: sans-serif,Calibri,Arial;
font-variant: small-caps;
text-decoration: none;
border: 5px outset gray;
margin: 1px;
padding: 2px 0px 2px 10px;
}
nav a:hover{
 background-color: red;
 color: yellow;

}
nav a:active{
 background-color: gray;
 color: white;

}