@charset "utf-8";

.div-header {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.div-header header {
	/*border:solid 1px black;*/
	text-align:center;
	margin-bottom:0.2em;
	background-color: rgb(232, 237, 241);
}

.div-aside {
	/*width: 100px;
	height: 100px;*/
}

h1 {
	margin: 0;
	font-size: 1.5em;
}

h2 {
	font-size: 1.25em;
}

.div-content {
	margin-bottom:0.2em;
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: auto;
	gap: 0.2em;
}
article {
	/*border:solid 1px black;*/
	padding:0.2em;
	background-color: rgb(232, 237, 241);
}
section {
	/*border:solid 1px black;*/
	padding:0.2em;
	background-color: rgb(232, 237, 241);
}
aside {
	/*border:solid 1px black;*/
	padding:0.2em;
}
footer {
	/*border:solid 1px black;*/
	padding:0.2em;
	background-color: lightgrey;
}

nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	gap: 0.2em;
	margin-bottom:0.2em;
}

nav li {
   flex-grow: 1;
}

nav a {
	display:block;
	padding:0.5em;
	background-color: lightgray;
	/*border:solid 1px black;*/
	text-align:center;
	margin-bottom: 0.2em;
	text-decoration:none;
	color: black;
}
nav a:hover {
	background-color:rgb(40, 147, 214); 
}