@charset 'utf-8';
body, header, footer, nav, section, article, p, h1, h2, h3, h4, h5, h6, aside, ul, ol, dl, li, select, input, textarea {
	margin: 0;
	padding: 0;
}

form, table {
	padding: 5em;
	background-color: #ff6347;
	margin: 0 auto 2em;
}

address {
	text-align: center;
	margin: 0.25em auto 0;
}

form p, form input, table tr {
	line-height: 1.5em;
	padding: 0.5em;
}

form label {
	display: block;
	width: 10em;
}

.gridContainer {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 100px 1fr;
	grid-template-areas: 
						"header"
						"section1"
						"footer";
	grid-column-gap: 0em;
	grid-row-gap: .25em;
}

.header{ grid-area: header; margin: 0 auto;}
.section1{ grid-area: section1;}
.footer{ grid-area: footer; margin: 0 auto;}

.menu {
	margin: 0;
	padding: 0;
}

.navigation {
  line-height: 1;
}
.menu a, li {
	display: block;
}

a {
	text-decoration: none;
    color: currentColor; 
    padding: 1em;
}

li {
	border-style: solid;
	border-width: 0 0 1px;
}

.navigation .menu {
      display: flex;
}
.navigation .menu > li {
	border-width: 0 1px 0 0;
}
.navigation .menu > li > a {
	padding: 1.25em 1.5em;/
}
  
.navigation {
	background-color: rgb(255,255,255);
	color: teal;
}

.menu li {
	border-color: teal;
}
.menu li:hover, .menu li:focus, .menu li:active > a {
	color: rgb(255,255,255);
	background-color: teal;
}