@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}

body {
  	margin: 0;
  	background-color: #0b6a80;
  	font-family: Arial, Helvetica, sans-serif;
}

.page {
  	max-width: 1100px;
  	margin: 20px auto;
  	background-color: white;
  	padding: 10px;
}

.site-header {
  	padding: 10px;
}

.logo {
  	height: 50px;
}

.site-nav {
	display: flex;
	gap: 10px;
 	padding: 10px 0;
  	border-top: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
}

.site-nav a {
  	text-decoration: none;
  	color: #000;
  	padding: 5px 10px;
  	background-color: #e6f0f3;
}

.site-nav a:hover{
	background-color: #006983;
	color:white;
}

.content {
  	display: grid;
  	grid-template-columns: 3fr 1fr;
  	gap: 15px;
  	margin-top: 15px;
}

article {
  	border: 2px solid black;
  	padding: 15px;
}

article img {
  	max-width: 100%;
  	display: block;
  	margin: 10px 0;
	width: 800px;
}

aside {
  	border: 2px solid black;
  	padding: 15px;
  	height: fit-content;
}

.site-footer {
  	margin-top: 15px;
  	padding: 10px;
  	background-color: #000;
  	color: white;
  	font-size: 0.9rem;
}

h1, h2{
	color: #006983;
}