@font-face {
  font-family: 'OpenSans';
  font-display: swap;
  src: url("../fonts/OpenSans-VariableFont_wdth%2Cwght.ttf") format('truetype');
}  

body {
  /* font-family:  'Roboto';  */
  /* font-family: 'sans-serif'; */

  font-family: "OpenSans", sans-serif;
  line-height: 1.5em;
  font-size: 0.9em;
  /* color: #222; */
  color: #282520 !important;
  max-width: 40rem;
  padding: 1.1rem;
  margin: auto;
  background: #ffffff; 
}

.posts ul{
    list-style:none ;
    padding-inline-start: 0.5em;
  }

.posts ul li .excerpt{
  font-size: 0.9em;
  font-weight: lighter;
}

header {
  display: block;
  width: 100%;
  float: left;
}

img {
  max-width: 100%; 
}

a {
  color: #0074D9; 
  text-decoration: none;
}

.subtitle {
  font-style: italic;
  color: gray;
}

.authors {
  color: gray;
  font-size: 90%;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

h1, h2, strong {
  color: #111; 
}

h1 {
  font-size: 1.3em;
  /* margin-block-end: 0.3em; */
  font-weight: bold;
  margin-top: 1.5em;
  /* font-family: 'Oxygen-Bold'; */
}

h2, h3 {
  font-size: 1.1em; 
  margin-top: 1.1em;
  margin-bottom: 0.2em; 
}

h3 {
  font-style: italic; 
  font-weight: bold;
  /* font-family: 'Oxygen-Bold'; */
}

.description {
  font-size: 0.8em;
  color: gray;
}

p {
  margin-top: 0.5em;
  margin-bottom: 1.3em;
}

li {
  margin-top: 0.5em;
  margin-bottom: 0.66em;
}

hr {
  border: 0px;
  border-top: 1px solid #eee; 
}

.muted {
  color: #aaa;
  text-decoration: none; 
}

.small {
  font-size: .8em; 
}