@charset "UTF-8"; 
/* Hoja de estilos del website */ 
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');

body{background-color: lightyellow;
font-family: "Pompiere", sans-serif; 
color: black;
margin: 0;
font-family: "Gowun Dodum", sans-serif;
font-size: 15pt;
}
	header{background-color: #796C77;
	text-align: center;
	}
	nav{background-color: lightpink;
	padding: 10px;
	margin: 0;
	}
		ul{margin: 20px 15px;
		padding: 20px 20px;
		list-style-type: none; 
		text-align: center;
		}
			li{
			font-size: 1.2em;
			margin: 5px;
			padding: 3px 6px;
			}
			
	main{background-color: lightcoral;
	margin: 0;
		padding: 20px 20px;
		}
		h1{color: black;
			text-align: left;
			font-size: 30pt;}
			}
		
		h2{text-align: center;
			font-size: 150%;}
		p{margin: 0;
			line-height: 4ex;
			margin-bottom: 2.5ex;}

	aside{background-color: lavenderblush;}
	figure{margin: 0;}
			a{color: #796C77;
			text-decoration: none; 
			}
				img{vertical-align: middle;}
	footer{background-color: palevioletred;}
	


main{
	column-count: 2;
	column-gap: 3em;
	column-rule: 1px solid black;
	}
	
h1,h2{
	column-span: all;
	padding: 10px;
	margin: 10px
}
	
main>p{
	text-align: justify;
	hyphens: auto;
	padding: 1em;
}

/* Display y Posicionamiento*/


/*Layout en columnas flexibles*/

/*reset del layout*/

body,header,nav,main,aside,footer,figure{
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	border: none;
	border-radius: 0;
	box-shadow: none; 
	display: auto; 
}

/*static elements*/

body{
	width: auto; 
	min-width: 240px;
	max-width: 1208px;
	margin: 2% auto;
}

header{
	overflow: hidden;
}

footer{
	clear: both;
}

/*Layout flex elements*/

#central {
	display: flex; 
	flex-direction: row;
	justify-content: flex-start; 
}

#central>nav, #central>aside{
	width: 240px;
}

#central>main{
	max-width: 728px;
	min-width: 240px;
}

/*Columnas*/

blockquote{
	column-count: 2;
	column-gap: 3em;
	column-rule: 1px solid black;
	margin 3ex auto;
}

blockquote>p{
	text-align: justify;
	line-height: 3ex;
	margin: 0 auto 3ex auto; 
	hyphens: auto; 
}