/*Estilo para los formularios*/
#image {
	background-image: url('..images/background1.jpg');
	background-position: center, center;
	background-repeat: no-repeat, no-repeat; /*Background image doesn’t tile*/ 
	background-attachment: fixed; /*Background image is fixed in the viewport so that it doesn’t move when
the content’s height is greater than the image’s height */
	background-size: cover; /* This is what makes the background image rescale based
on the container’s size */
	background-color: lightpink; /* Set a background color that will be displayed
while the background image is loading */
	
}

.container1 {
	margin: 0 auto;
	text-align: center;
	color: cornflowerblue;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 50px;
	width: 530px;
	height: 320px;
	background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.6) 0, rgba(192, 235, 250, 0.2) 2em), repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.4) 0, rgba(192, 235, 250, 0.1) 2em), #FFF;
  	background-blend-mode: multiply;	
}

.container2 {
	margin: 0 auto;
	text-align: center;
	color: cornflowerblue;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	width: 530px;
	height: 320px;
	background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.6) 0, rgba(192, 235, 250, 0.2) 2em), repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.4) 0, rgba(192, 235, 250, 0.1) 2em), #FFF;
  	background-blend-mode: multiply;	
}

.container3 {
	margin: 0 auto;
	text-align: center;
	color: cornflowerblue;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	width: 530px;
	height: 340px;
	background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.6) 0, rgba(192, 235, 250, 0.2) 2em), repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.4) 0, rgba(192, 235, 250, 0.1) 2em), #FFF;
  	background-blend-mode: multiply;	
}	
}

.crear{
	position: relative;
}

#boton {
	margin: 0;
	text-align: center;
	color: palegreen;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 6 rem;
	padding: 0.3rem 0.65rem;
	background-color: cornflowerblue;
	border: none;
	border-radius: 0.3125rem; 
	box-shadow: 0 12px 24px 0 rgba(0,0,0,0.2);

}

h2 {
	color: cornflowerblue;
}

label {
	color: white;
}

.enlace-volver {
	color: green;
	font-weight: bold;

}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 3px;
	background-color: skyblue;
	color: cornflowerblue;
}