/* style blog libro.work 

@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i');

*/

@font-face {
    font-family: Arvo;
    src: url(Arvo-Regular.ttf);
}

@font-face {
    font-family: Arvo;
    src: url(Arvo-Italic.ttf);
    font-style:italic;
}

body {background-color:gainsboro;
    word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}


p {font-size:16pt;color:black;font-family:"Arvo", serif;
  text-indent: 1em;
  margin-top:0.2em;
}

summary {font-size:18pt;color:brown;font-family:"Arvo", serif;}

.subtitulo {text-align:center;
font-size:1.5em;
font-style:italic;}

.quote {
    display:block;
    font-size: 14pt;
    margin-left:1em;
    margin-right:0em;
}


h1,h2,h3,h4 {color:brown; font-family: "Arvo", serif;}
h1 {text-align:center;}
h2 {text-align:right;}

img {
    display:block;
    text-indent:0px;
    max-width: 99vw;
    height: auto;
    text-align:center;
}

table, th, td {
    font-size:12pt;color:black;
    font-family:"Arial", sans-serif;
    border: none;
    border-bottom: 1px solid darkgray;
    border-collapse: collapse;
}
button {border-width: 4px;
    border-style: outset;
        border-color: buttonface;
	    border-right-color: black;
	        border-bottom-color: black;
		    background: silver;
		        color: black;
			    padding: 8 8 8px;
			        border-radius: 4p;
			}

.navbar {
  overflow: hidden;
  background-color: rgba(255,255,255,0.3);
  position: fixed;
  top: 0;
}

.navbar a {
    font-family: "Arial Narrow", Arial, sans-serif;
  font-stretch:condensed;
  float: left;
  display: block;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
}

@media only screen and (min-width: 18cm) {
    body {
        margin: 0 15% 0 15%;
            }
    img {
    max-width: 70vw;height: auto;
}

}