@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	background-color:#EAF9FF;
	}

header {
	height: 150px;
	text-align:center;
	background-image:url(img/estrella.svg);
	background-size:cover;
	background-position:center;
	padding-top:60px;
	}
h1 {
	font-size: 250%;
	line-height: 90%;
	color: #14516E;
	}
h2 {
	color: #36A9E1;
	line-height: 20%;
	}
.intro {
	display: flex;
	flex-direction: column;
	background: linear-gradient(to top, rgba(192,223,236,1) 0%, rgba(50,116,45,0) 100%); 
	margin: 40px;
	padding: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-radius: 19px 19px 19px 19px;
	}
.bloque {
	display: flex;
	flex-direction: column;
	background: linear-gradient(to top, rgba(192,223,236,1) 0%, rgba(50,116,45,0) 100%); 
	margin: 40px;
	padding: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-radius: 19px 19px 19px 19px;
	}
.cosas {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin: 20px;
	}
.elem {
	text-align:center;
	background:#C1DFEC;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 5px 5px 25px #888;
	width:560px;
	height: 315px;
	padding: 15px;
	margin: 10px;
	}
footer {
	height: 90px;
	text-align:center;
	background-image:url(img/estrella.svg);
	background-size:cover;
	background-position:center;
	padding-top:10px;
	font-size:small;
	font-weight:bold;
	}