@charset "utf-8";
/* CSS Document */
* {
	box-sizing:content-box;
}
html	{
	background-image:url(../image/background.gif);
	background-size:cover;
}
body	{
	width:auto;
	height:auto;
	display:grid;
	grid-template-rows:15% 70% 10% 10%;
	grid-template-columns:1fr;
	align-items:center;
	font-family:Verdana, Geneva, sans-serif;
}
.header h1	{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
}
.form_container {
	display:flex;
  	flex-direction:column;
}
.form_input {
	display:flex;
  	flex-direction:row;
	width:80%;
	margin:auto;
}
.form_input input[type="submit"] {
	margin:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	color: #000;
	padding: 1em 1em;
	background:#0FF;
	border-radius: 5px;
	border: 1px solid #03F;
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 0px rgba(255,255,255,0.7);
	transition: all .5s;
}
.form_input input[type="submit"]:hover {
	background:#03F;
	color:#FFF;
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 0px rgba(255,255,255,0.7);
	transition: all .2s;
}
.form_cancel	{
	padding:1em;
	text-align:center;
}
.form_cancel input[type="submit"] {
	background-color:transparent;
	border:hidden;
	color:#FFF;
}
.form_cancel input[type="submit"]:hover {
	cursor:pointer;
}
.form_container label {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
}
.form_wrapper .form_section {
	width:100%;
}
.form_wrapper .form_section label {
	display: inline-block;
    float: left;
    clear: left;
    text-align: right;
	font-size: 100%;
	width:30%;
	padding:.3em;
	margin:.5em;
}
.form_wrapper input[type="text"], input[type="password"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="radio"], textarea, select{
	font-size:100%;
	color:rgb(51,51,51,1);
	border-radius:5px;
	border:none;
	background-color: rgba(255,255,255,.5);	
	box-shadow:inset 0 0 10px rgba(255,255,255,.75);
	padding:.3em;
	margin:.5em;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
}
.form_wrapper input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus, select:focus {
	background-color:#FFF;	
}
.exit_button {
	margin:1em;
	text-align:center;
}
.exit_button a	{
	color:#FFF;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
}
.buttonnav	{
	font-size:1.5em;
}
.footer {
	margin:1em;
	text-align:center;
}
.footer p	{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
}
.error	{
	color:#FFF;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
}
#warning	{
	color:#FFF;
	text-align:center;
}
.form_cancel	{
	padding:1em;
	text-align:center;
}
.form_cancel input[type="submit"] {
	background-color:transparent;
	border:hidden;
	color:#FFF;
}
.form_cancel input[type="submit"]:hover {
	cursor:pointer;
}
.form_container	h1	{
	color:#FFF;
	text-align:center;
}
@media screen and (max-width: 850px) {
.form_input {
	display:flex;
  	flex-direction:column;
	width:80%;
	margin:auto;
}
}