@charset "UTF-8";
/* Hoja de estilo website */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Permanent+Marker&display=swap');

body
{background-color: hs (190, 100, 95%);
color:black;
margin:3%;
font-family: "Permanent Marker", cursive;
font-size:16pt;
font-weight: 100;
font-style: normal;
}

header
{background-color: aliceblue;
text-align: center;
margin:0%;
}

nav
{background-color: antiquewhite;
padding: 15px;
}

ul
{margin 50px 15px;

}

li{
}

main
{background-color:bisque
}

h1
{color: red;
}

h2
{
}

aside
{background-color:lightpink
}


footer
{background-color:lightsalmon
}

p{}
a{}

/*Formato de listas*/

ol{
}


/*columnas*/
blockquote{
column-count:2;
column-gap: 3em;
column-rule: 1px solid black;
}

h1,h2{
column-span:0;
}

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
























/* Display y Posicionamiento display,position,top,left,float. overflow */

/* Reset */

body,header,nav,main,aside,footer,figure {


}

body{
width: 2% 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:
}


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

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

}

/* 	End layout*/
/* Columnas*/
blockquote{
column-count: 2;
column-gap: 3em;
column-rule: 1px solid black;
margin 0 auto 3ex auto;
hyphens: auto; 
}

/* Headers */

h1{
margin:1em 1.5ex;
}
























	

}