body {background-color:#fffee3; font-size:16px; display:grid; grid-template-areas:
																"panel header nav"
																"panel article nav"; grid-template-rows:30px 1fr; grid-template-columns:15% 1fr 90px; grid-gap:10px; height:100vh; margin:10px;}
		#cicadas {grid-area:header; margin:20px;text-align:right;font-family:courier;font-size:60%;color:#b8b7a2;}
	.body {background-color:#fffee3; font-size:16px;display:initial;}
		.body > div > h2, .body > h2 {margin-top:0;}
a:link {text-decoration:none;color:green;}
	a:visited {text-decoration:none;color:black;}
	a:hover {color:green;}
	
.menu {grid-area:nav; list-style-type:none; margin:0; height:600px; padding:10px; display:flex; flex-flow:column nowrap; justify-content:center; background-color:#85ad7d; border-radius:25px;}
	.menu li {display:block; text-decoration:none; text-align:center; border-radius:25px;}
  .menu li {text-decoration:none;color:black;}
  .menu li:hover:not(.active) {background-color:#90b888;}
  .menu li:active {background-color:#587053;}
  .menu li.active {background-color:#587053;}
  .menu img {width:60px;}
  
  .top {text-decoration:none;text-align:center;padding:10px;}
.panel {grid-area:panel;}
  .panel img {max-width:100%;}
  .panel a {text-decoration:none;text-align:center; max-height:100%}
#container {grid-area:article; overflow:scroll;}
  .art {display: flex;flex-wrap:wrap;}
  .art div {margin:10px;width:300px;text-align:center;}
  .art div img {margin: 10px;width:300px;}
 /*.shelf {max-width:950px;height:990px;overflow:scroll;}
 .scroll {max-width:950px;height:610px;overflow:scroll;}
	.scroll p {border:2px solid #85ad7d;border-radius:5px;}
 .scrol {max-width:950px;height:680px;overflow:scroll;}
	.scrol div {border:2px solid #85ad7d;border-radius:5px;}*/
	.scroll p {padding:2px; border:2px solid #85ad7d; border-radius:5px;}
	.scrol div {border:2px solid #85ad7d; border-radius:5px;}
.columns {columns:2;column-gap:25px;}
	.columns > div {display:inline-block;padding:0.1px 8px;}
h1 {font-family:courier;font-size:30px;color:#85ad7d;}
h2 {font-family:courier;font-size:20px;}
button {background-color:#fffee3;font-family:serif;border-radius:10px;font-size:14px;padding:2px 5px;}
	button.n {border: 2px solid #9dc5c7;}
		button.n:hover {background-color:#9dc5c7;}
	button.c {border:2px solid #d4d1a7;}
		button.c:hover {background-color:#d4d1a7;}
	button.s {border:2px solid #aac7a1;}
		button.s:hover {background-color:#aac7a1;}
	button.a {border:2px solid #b8a7c9;}
		button.a:hover {background-color:#b8a7c9;}
	button.disabled:hover {background-color:#fffee3;}
iframe {border:none; height:100%; width:100%;}