body {
	background-color: #888888;
	color: white;
	height:100%;
	font-family:"Open Dyslexic", verdana, sans serif;
}
.contents {
	
	width:450px;
	max-width:90%;
	margin: 0 auto;
	border-radius: 20px;
	background-color:#FFA500;
	padding:10px;
	margin-top:30px;
	color:black;
	text-align:center;
	box-shadow: 10px 10px #444444;
}
.big {
	font-size: 1.8em;
	text-align:center;
}
.big:hover {
	font-style: italic;
	cursor:pointer;
}
.button {
	width:400px;
	margin: 25px;
	border-radius: 20px;
	text-align: center;
	font-weight:bold;
	padding:10px;
	border:2px solid black;
	box-shadow: 5px 8px #DF8500;
}
.button:hover {
	border:2px solid white;
	cursor:pointer;
}
.button:active {
	border:2px solid white;
	cursor:pointer;
	box-shadow:0 0 #FFA500;
	margin-top:30px;
	margin-bottom:20px;
}
input[type=text], input[type=password], input[type=email], input[type=tel], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}
.fade {
	padding:10px;
	border:2px solid red;
	border-radius:10px;
	background-color:#FFCCCC;
	text-align:left;
	color:darkred;
}
.fadeNice {
	padding:10px;
	border:2px solid green;
	border-radius:10px;
	background-color:#CCFFCC;
	text-align:left;
	color:darkgreen;
}
.footer {
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#FFA500;
	padding:10px;
	border-radius: 20px 0 0 0;
}