body {
	color: #bbb;
	font-size: 16px;
	font-family: sans-serif;
	line-height: 1.7;
	background: #222 url(8076.jpg) top left;
	text-shadow: 1px 1px 1px black;
}

header h1 {
	background-color: black;
	margin: 0;
	padding: 0.2em 1em;
	color: #FDB813;
}
footer {
	background-color: black;
	opacity: 0.5;
	margin-top: 2em;
	padding: 10px 15px 20px 15px;
}
footer .copyright {
	margin-right: 2em;
}
h1 {
	margin: 1.5em;
}
article {
	width: 60em;
	max-width: 90%;
	margin: auto;
}
a {
	color: #5199ff;
	transition: color 0.2s linear;
	text-decoration: none;
}
a:hover {
	color: #ccccff;
}
::selection {
	background-color: rgba(255, 255, 200, 0.2);
}

select{
	color: #222;
	margin-left: 10px;
}
#target{
	font-family: monospace;
}
table{
	background-color: rgba(0, 0, 0, 0.5);
}
table th{
	color: #fff;
	text-align: left;
}
table th, table td{
	padding: 0 15px;
}
table th{
	padding-top: 10px;
	padding-bottom: 5px;
}
table tr:last-child td{
	padding-bottom: 10px;
}
table tr:nth-of-type(odd) td{
	background-color: rgba(0, 0, 0, 0.5);
}

table tr td:last-child{
	color: #999;
}
#total_crops{
	color: #FDB813;
}
#prob_count, #info_text span{
	color: #fed4c1;
}
.thx{
	font-size: 12px;
}
label{
	margin-right: 5px;
}
#input{
	border-top: 1px solid #66D1C5;
}
#result{
	padding-bottom: 30px;
}
#calculateRatioFor{
	border-top: 1px solid #66D1C5;
}
#calculateRatioFor select{
	margin-left: 10px;
	margin-right: 30px;
}
#input div{
	padding: 10px 0;
}
h2{
	color: #e3e3e3;
	margin-bottom: 10px;
}
.description{
	color: #fed4c1;
	margin-top: 0;
}