/* links en el sitio */
a[href^="./"]{
 text-decoration:none;
}
/* links externos */
a[rel=external]:after{
/* content:"↝";*/
  content: "↗";
}
a{
 color: #575;
}
a:hover{
 background-color: #575;
 color: #fff;
 border-radius:3px;
}
a:visited{
 color: #552;
}
a:visited:hover{
 background-color: #552;
 color: #fff;
 border-radius:3px;
}

body{
 color: #010;
 max-width:40em;
 margin:0 auto;
 font-size:18px;
 padding: 1em;
 font-family:sans-serif;
}

nav,footer,section{
/* border-top: 2px solid;*/
}
footer{
 font-size: x-small;
 text-align: center;
}

pre{
 background-color: #fee;
 color: #433;
 padding:1em;
 border-radius:5px;
 overflow-x: auto;
}

main h1{
 margin-top: 2.0em;
 font-size: 30px;
}
main h2{
 font-size: 25px;
/* border-top: 1px dashed;*/
 margin-top: 1em;
 margin-left:0.3em;
}
main h3{
 font-size: 18px;
 margin-top: 1em;
 margin-left:1em;
}

gallery{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-evenly;
 align-content:center;
}
img{
 margin:10px;
 border-radius:5px;
}

nav{
 font-size:smaller;
}

nav li{
 list-style-type:square;
 padding:0.2em;
}
main li{
 padding:0.5em;
}

table,th,td{
 border-style:inset;
 border-width: 1px;
}
table{
 margin:10px;
 overflow-x: auto;
}

#count{ /* para tiempo */
word-wrap:break-word;
font-size:9px;
font-family:monospace;
}