html {
	background-color: SkyBlue;
	width: 100%;
}

body {
	max-width: 110rem;
	margin: auto;
}

header h1 {
	color: White;
}

.top_nav {
	background-image: linear-gradient(to top, Gray, LightGray);
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 0rem 1.5rem;
	height: 3rem;
}

.top_nav a {
	display: inline-block;
	background-image: linear-gradient(to top, Gray, LightGray);
	height: 1.5rem;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width:1px;
	border-left-color: LightGray;
	border-right-color: Gray;
	padding: 0.75rem 1.5rem;
	color: black;
	text-decoration-line: none;
	font-size: 1.5rem;
}

.top_nav div{
	display: inline-block;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width:1px;
	border-left-color: Gray;
	border-right-color: LightGray;
}

.main_area {
	display: flex;
}

.main_area nav {
	flex: 0 1 10rem;
	background-color: BurlyWood;
	border-bottom-left-radius: 1.5rem;
	padding: 1.5rem 0.5rem;
}

.main_area nav .link_container > div {
	margin-left: 1rem;
}

main {
	flex: 1 0 40rem;
	background-color: Beige;
	border-radius: 0 0 1.5rem 1.5rem;
	padding: 10px 20px;
}

nav ~ main {
	border-bottom-left-radius: 0;

main .index > div {
	display: inline-block;
	margin-right: auto;
	border: 1px solid black;
	background-color: white;
	padding: 0.5rem;
}

main .index > div div{
	margin-left: 1rem;
}