body {
    overflow: hidden;
    height: 100%;
}

#bigname {
	color: #2d4800;
	font-size: 32pt;
	font-weight: bold;
	margin-top: 20px;
}


.genbutn
{
	color: #fff;
	border: none;
	background-color: #00B1D3; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;    //-rounding the edges, only available in CSS3-//
	font-family:arial;
	text-decoration:none;
	padding: 10px;
	font: 14pt Georgia, Times;
}

.genbutn:hover {
	color: #000;
	background-color: #9edcf2;
}

.web20flex {
	background-color: #ffffff;
	display: grid;
	grid-template-columns: 1fr 300px;
}

#mainbox {
	padding: 20px;
}

#sidebox {
	background: #d5ff7a;
	padding-left: 20px;
	padding-right: 20px;
	overflow: scroll;
	color: #2d4800;
}

#sidebox a {
	color: #2d4800;
	text-decoration: none;
}

#sidebox a:hover {
	color: #482802;
}

@media screen and (max-width: 500px) {

	.web20flex {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 1fr 30%;
	}


}