body {
	background: #AFA;
}

nav {
	background: #140;
	padding: 10px 10px;
	display: flex;
}

.thin-navbar details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.thinbar-div {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.wide-navbar {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width:599px) {
	.wide-navbar {
		display: none;
	}
}

@media screen and (min-width:600px) {
	.thin-navbar {
		display: none;
	}
}

nav a, nav details a, nav details summary {
	padding: 10px 25px;
	border-style: double;
	border-color: #000;
	background: #474;
	text-decoration: none;
	color: #fff;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
}

aside {
	background: #6a7;
	padding: 5px 10px;
	border-style: none none none solid;
}