body{
	margin: 0;
	padding: 0;
	background-color: #FAFAFA;
	font-family: sans-serif;
}

.loginForm{
	width: 320px;
	height: 420px;
	background: #5C6BC0;
	color: white;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	padding: 40px 30px;
	border-radius: 20px;
	box-shadow: 5px 5px 2px gray;
}

h1{
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 30px;
}

@keyframes colorToAlfa{
	0% {color: #81D4FA;}
	100% {color: transparent;}
}

h2{
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
	font-size: 12px;
	color: transparent;
	animation: colorToAlfa 5.5s ease-in;
}

.loginForm p{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
}

.loginForm input{
	width: 100%;
	margin-bottom: 20px;
}

.loginForm input[type="text"], input[type="password"]{
	border: none;
	border-bottom: 1px solid white;
	background: transparent;
	outline: none;
	height: 40px;
	color: white;
	font-size: 14px;
}

.loginForm input::placeholder{
	color: rgba(3, 169, 244, 0.9);
}

.loginForm input[type="submit"]{
	border: none;
	outline: none;
	height: 40px;
	background: white;
	color: black;
	font-size: 18px;
	border-radius: 20px;
}

.loginForm input[type="submit"]:hover{
	cursor: pointer;
	background: #90CAF9;
	color: black;
}

.loginForm a{
	font-size: 16px;
	color: #E0E0E0;
	border: none;
	padding: 0;
}