h1{
	background-color: #ff9;
	display: inline-block;
	color: red;
	padding: 2px 3em;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	line-height:2em;
}

aside{
	min-width: 280px;
	max-width: 800px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

table{
 	border:solid 1px gray;
	border-spacing: 1px;
	margin: 0 auto;
	//table-layout:fixed;
	//word-wrap: break-word;
}

td,th{
	border: solid 1px gray;
	height:3em;
	text-align:center;
}

ul{
	list-style-type:none;
	
}

li{
	margin:1ex 0;
	line-height:1em;
	
}

thead {
	background-color: #fff;
	
}

.s_font{
	font-size:small;
	
}

.ch{
	background-color:#bff;
	
}

.cm{
	background-color:#9ff;
	
}
	
.cl{
	background-color:#7ff;
	
}
	
#main {
	background: #fff;
	padding: 5px;
}
	
p { 
	text-indent: 0.5em;
	
}


@media screen and (max-width: 650px) {
	table {
		width: 100%;
	}
	
	th, td {
		font-size: x-small;
	}

	.s_font{
		font-size:xx-small;
	}
}