@charset "UTF-8" 
/* Hoja de estilos del website */ 

@import url('https://fonts.googleapis.com/css2?family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap');


   body
   {background-color: ivory;
   color: black;
   margin:5%;
   font-family: "SN Pro", sans-serif;
    font-size: 12pt;
    }
   
   header
   {background-color: lemonchiffon;
   text-align: center;
   margin: 0;}
   
   nav{background-color: powderblue;
   padding: 15px;
   margin:0;}
   ul{
   list-style-type: none;}
   li{
   border: none;
   width:15%;
   margin: 5px;
   padding: 3px 6px;
   }
   
   main
   {background-color: thistle;
   color: purple;
   margin: 0;
   padding: 1%;}
   h1{margin:0;
   }
   h2{}
   p{
   line-height:3ex;
   margin-bottom: 3ex;	
   color: black;
   }
   aside{background-color: palegoldenrod;
   margin:0;}
   a{
   text-decoration: none;}
   figure{margin:0;} 
   img{vertical-align: middle;}
   
   footer{background-color: pink;
   margin:0;}
  
   
/* Columnas*/
main{
 column-count: 2;
 column-gap: 3em;
 column-rule: 1px solid black;
}
h1,h2{
column-span: all;
}
 main>p{
  text-align:justify;
   hyphens: auto; 
 }
 
 /*Display*/
 
 /*Posicionaminete 
position,top,left,float
*/

/*Layout en columnas flexibles*/

/*Reset*/

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

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

/* Columnas*/
blockquote{
 column-count: 2;
 column-gap: 3em;
 column-rule: 1px solid black;
 margin:3ex 2em;
}
 blockquote>p{
 text-align:justify;
 line-height: 3ex;
 margin: 0 auto 3ex auto;
 hyphens: auto;  
 }
 
 /*Headers*/
 
 h1{
margin: 1ex 1em;
}
h2{
	margin:1ex 1.5em 
 }