@charset "UTF-8";
/*Hoja de estilos del website*/
/*Reglas AT siempre van arriba del todo*/
@import url('https://fonts.googleapis.com/css2?family=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap');


body{background-color:#C7E9C8;
	margin: 5%;
 font-family: "Sometype Mono", monospace;
 font-size: 14pt;
 }

	header{background-color:#90EE90;
				text-align: center;
				margin: 0;}
				
				
		figure {margin:0;}
	
	nav{background-color:#73D373;
			padding: 15px}
				
		ul{margin: 20px 15px;
		list-style: none;
		 }		
			li{
			border: none;
			width:30%;
			margin:5px;
			padding: 3px 6px;
			background-color: none; 
			}
			
		a{text-decoration: none;}
				
	main{background-color:#50AB50;
	margin: 0;
	padding: 4ex 2em;	
	}
		h1{color: #008000;
				margin:1ex 2em;
				padding:2%;}
				
				
		h2{margin: 2ex 2em;
			font-size: 150%				
		 }
		 
		p{ line-height: 3ex;
			margin-bottom:2ex ;}
		
	aside {background-color:#338633;
			margin:0;} 
		figure{}
					a{}
						img{}
		
	footer{background-color:#008000;
			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;
 margin: 10px 25px 25px 25px ;
  }
 
 /*Display*/
 
 /*Posicionaminete
position,top,left,float
*/


/*Layout en columnas flexibles*/

/*Start Layaout Reset*/

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

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



/*End Layout*/

/*/Headers*/
h1{
margin: 1ex 1em;
}


h2{
margin: 2ex 1.5em;
}


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