@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
/* Hoja de estilos del website */
body{
	background-color: whitesmoke;
   color:black;
   margin: 2% auto;
   min-width: 240px;
   max-width: 1280px;  
}
header{background-color:green;
text-align: center;
margin: 0;
overflow:hidden;
}


nav{
	background-color:plum;
	padding: 50px 15px;
	margin: 0;
overflow:hidden;
	}
ul{}
li{
border: 1px solid black;
width: 30%;
margin: 5px; 
padding: 3px 6px;
background-color: yellow;
margin: 0;
overflow:hidden;
}

main{background-color:pink;
margin: 0;
overflow:hidden;
}
h1{font-family: "Luckiest Guy", cursive; 

color: black;
margin: 0;
overflow:hidden;}
h2{}
p{}

aside{background-color:orchid;
margin: 0;
overflow:hidden;}
figure{}

img{vertical-align:middle;}

footer{background-color:indigo;
padding: 15px; 
margin: 0;
overflow:hidden;}

p{}
a{}

/*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;
}