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

body{
	background-color: whitesmoke;
	color: black;
	margin: 3%;
	font-family: "Gowun Dodum", sans-serif;
}
header{
	margin: 0;
	background-color:#161E2F;
	text-align: center;

}
nav{
	background-color: #384358;
	padding: 1%;
	margin: 0;
	
}
ul{
	list-style-type: none;

}
li{
	border: 1px solid black;
	width: 50%;
	margin: 5px;
	padding: 3px 6px;
	background-color: #541A2E;
}
main{
	background-color: #B51A2B;
	margin: 0;
	padding: 1%;
}
h1{
	font-family: "Arizonia", cursive;
	color: #FFA586;
	margin: 1ex;
	font-size: 100px;

	}
h2{
	margin: 1ex;
}
p{
	line-height: 3ex;
	margin-bottom: 2ex;
	margin: 0;}
aside{background-color: #161E2F;
margin: 0;
}
a{
	text-decoration: none;
	color: #FFA586;
	}
/*Columnas*/
main{
	column-count: 2;
	column-gap: 3em;
	column-rule: 1px solid black;
	
/*Cosas Miguel	
	width:1208px; 
	hyphens: auto; 
	*/
}
h1,h2{
	column-span: all;
}

/*Display y Posicionamiento
position, top,left, float, width, display, visibility, overflow,
*/
/*
nav{
	width: 340px;
	float: left;
}
aside{
}
*/

footer{background-color: #161E2F;}
figure{margin: 0;}
p{text-align: justify;}
img{vertical-align: middle;}
/*Layout en columnas flexible*/

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

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

header{
	overflow: hidden;
}

footer{
	clear: both;
}
/*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;
	padding: 3%;
}