body {
	background-color: #e2e2e2;
	font-family: sans-serif;
}

img {
	max-width: 100%;
}

table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

th {
	text-align: center;
	font-size: 20px;
	color: white;
	background-color: #339348;
}

td {
	text-align: center;
	font-size: 20px;
}

tr:hover {background-color: #f5f5f5}

p, h1 {
	text-align: center;
}

.header {
	background-color: #339348;
}

.inputbox {
	font-size: 20px;
}

.selectbox {
	font-size: 20px;
}

.sendbutton {
	width: 50%;
	height:100px;
	font-size: 20px;
}

.result {
	font-weight: bold;
	height: 50px;
}

#panel, #flip {
	padding: 5px;
	margin: auto;
    width: 50%;
    text-align: center;
	color: white;
    background-color: #00924B;
    border: solid 1px #e2e2e2;
}

#panel {
	margin: auto;
    width: 50%;
    display: none;
	background-color: #00C166;
}

/* table coloring depending on value */
.option1 {
	background-color: #00C166;
}

.option2 {
	background-color: #FF4F4F;
}

.option3 {
	background-color: #FFFF91;
}