*{
	margin:0;
	padding:0;
	font-family: sans-serif;
	box-sizing: border-box;
}

body{
	background: #DEDEDE;
	min-height: 100vh;
	color: rgba(0,0,0,0.6);
}

form {
	margin: auto; 
	margin-top: 100px;
	margin-bottom: 30px;
	width: 50%;
	max-width: 500px;
	background: #F3F3F3;
	padding: 30px;
	border: 1px solid rgba(0,0,0,0.2);
}

h3{
	text-align: center;
	margin-bottom: 20px;
}

h5{
	text-align: center;
	margin-bottom: 10px;
}
input{
	display:block;
	padding: 10px;
	width: 100%;
	margin: 30px 0;
	font-size: 20px;
}

.msg{

	padding-top: 10px;
	padding-bottom: 10px;
	color:white;
	text-align: center;
	background: #777;
	font-size: 18px;
}

.botonL{
	background: rgb(50,170,230);  /*color de Automasis*/
	color:white;
  box-shadow: 0px 3px 2px #606060;/*hace la sombra debajo (izq-der) (arriba-abajo)(radio)*/
  border-radius: 5px;
  border: 0;
  cursor: pointer;
}
.botonL:focus{box-shadow: 0px 1px 1px #606060; background-color: #328DC8;}


@media (max-width: 768px){
	form{ width: 75%;}
}

@media (max-width: 480px){
	form{ width: 90%;}
}