@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}

body  {
	background-color: #003366;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.bg01{
	background: url('../img/bg1.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



.login-form {
    font: 16px/2em Lato, serif;
	margin: 100px auto;
	max-width: 400px;
	
}

#styleForm[role=login] {
	color: #5d5d5d;
	background: #C0C0C0;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#styleForm[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
#styleForm[role=login] input,
#styleForm[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
#styleForm[role=login] > div {
		text-align: center;
	}

.grid-container {
	display: grid;
	/*grid-template-columns: auto auto auto;*/
	grid-template-columns: repeat(2, 1fr);
}
.grid-item {
	/*background-color: rgba(255, 255, 255, 0.8);*/
	padding: 5px;
	font-size: 10px;
	text-align: center;
}

.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}