@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Baloo');
@import url('https://fonts.googleapis.com/css?family=Indie+Flower&display=swap');

/* CSS Document */
#cabecera h1{
	font-family: 'Indie Flower', cursive;
	font-size: 2em;
	color: #FFFFFF;
	background-color: green;
	padding: 0.3rem;
	padding-left: 2.2em;
}
#cabecera h2{
	font-family: 'Indie Flower', cursive;
	font-size: 2em;
	color: #FFFFFF;
	background-color: green;
	padding: 0.3rem;
	padding-left: 2.2em;
}
#cabecera p{
	font-family: 'Indie Flower', cursive;
	font-size: 2em;
	color: #FFFFFF;
	background-color: green;
	padding: 0.3rem;
	padding-left: 2.2em;
}


/*NAV*/
nav{
	background-color: white;
	border: 1px solid #666;
	padding: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
}
nav li{
	font-family: 'Baloo', cursive;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: green;
	padding: 0.3rem;
	padding-left: 1em;
}
ol{ 
	background-color: #FAAC58;
	list-style-type:none;/* quita los puntos de lista */
	margin:0.9px;
	padding:0.9px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

li{
	background-color: LightGray; /* color celda tabla */
	margin: 0.2em;
	flex-grow: 1;
}
  a {
	display:flex-inline;
	padding:0.5em;	
	text-align:center;
	margin:0em;
	text-decoration:none;
	color:#000000; /*color letras */
}
a:hover {
	background-color:LightCoral; 
}
/*footer*/
footer {
	
	font-family: 'Indie Flower', cursive;
	font-size: 1em;
	color: #FFFFFF;
	background-color: #666;
	padding: 0.3rem;
	padding-left: 2.2em;
}