@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;
}

/*Posicionamiento*/
aside>figure>img{
position: absolute;
top: 100px;
left: 200px
}

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

header{
width: 300px;
height: 200px 
}

/*Layout*/


/*Layout (Flex elements*/
#central{
display: flex;
flex-direction: row;
justify-content: 
}

#central>nav #central>aside
#central>main{
max-width: 728px;
min-width: 240px;
}

/*End Layout*/

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

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

/*Headers*/

h1{
margin: 1em 1.5ex;
}