html, body {
	margin:0;
	height: 100%;
}

body {
	background-color: navajowhite;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

h1,h2 {
	font-weight: bold;
}

header {
	text-align: left;
	color: navajowhite;
	background-color: darkred; 
	padding: 17px 30px;
}
.cont {
	display: flex;
	flex: 1;
}

.cont a {
	color:sienna;
}
.sidenav a {
	color:black;
}
footer a {
	color:sandybrown;
	text-decoration: underline;

}
footer a:hover {
	color: navajowhite;
}
.cont {
	display: flex;
	flex-wrap: wrap;
}

.sidebar {
	flex: 0 0 auto;
	background-color: sandybrown;
	padding: 20px;
	width: max-content;
}

.sidebar img {
	height: auto;
	display: block; 
	object-fit: cover;
}

.main {
	flex: 80%;
	padding: 0px 20px;
	background-color: navajowhite;
}

.nav {
	display: flex;
	background-color: sandybrown;
}

.nav a {
	color: black;
	padding: 14px 20px;
	text-decoration: none;
	text-align: center;
}

.nav a:hover {
	background-color: navajowhite;
	color: black;
}

footer {
	background-color: darkred;
	color: navajowhite;
	padding: 14px 20px;
	width: 100%;
}