@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
header {
	text-align:center;
	border-radius: 10px;
	background-color:#0388A6;
  width: 75%;
	height:150px;
	 margin: auto;
	line-height:65px;
	background-image:url("headerbg.png");
	background-size:100%;
 background-position:center center;
	background-repeat:no-repeat;
}
section {
  width: 1000px;
  margin: auto;
 height:400px;
margin-bottom:30px
}
body {
	background-color:#25D9D9;
	font-family:Arial;
}
nav {
	float:left;
	background-color:#F2D5C4;
	border-radius: 10px;
	 width: 20%;
	height:300px;
  font-size: 14pt;
	padding:10px;
	border-color:black;
	border-style: solid;
		
}
article {
  border-radius: 15px;
  padding: 10px;
  background-color:#0BADBF;
  height: 300px;
  width: 70%;
	float: right;
	font-size:18px;
	border-color:black;
	border-style: solid;
	overflow:auto;
	 font-family: "Red Hat Text", sans-serif;
}
footer {
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  margin: auto;
	background-color:#D9B4A7;
	height:30px;
	width:75%;
	border-color:black;
	border-style: solid;
	padding-top:5px;
}
h2 {
	 text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
	border-color:black;
	border-style: solid;
	width:20%;
	height:30px;
	margin: auto;
	margin-bottom:10px;
		margin-top:10px
}
a {
	color:#0BADBF
}
a:hover {
	color:#0388A6
}
a:visited {
	color:darkblue
}
aside {
	width:60%;
	border:solid 2px black;
	padding:1px;
	
}
h4 {
	 text-align: center;
  border-radius: 5px;
  color:black;
	border-color:black;
	border-style: solid;
	width:60%;
	height:30px;
	margin: auto;
	padding-top:5px
	
}
h3 {
	text-align: center
}
img {
	border-color:black;
	border-style: solid;
	border:
}