body{


  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12pt;
/*
  background-color: #e9e8f2;
  color: #290505;*/


}

.page{
  max-width: 590px;
  margin: auto;
  padding: 0.5em;
}

.post{
/*    line-height: 1.4;*/
}


.main-im{
  width: 200px;
}

.header{
  max-width: 600px;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-self: center;
  padding-right: 5px;


/*  border: 1px solid red;*/
}


.header-index{
  max-width: 600px;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: row;

  align-self: center;
  padding-right: 5px;


/*  border: 1px solid red;*/
}


.post .title{
  font-size: 24pt;
 
}


.post-title{
  font-size: 20pt;
  margin-top: 1em;
/*  margin-bottom: 1em;*/
}




.post .date{
    max-width: 600px;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-self: center;

  color: #898181;


}


.post .date2{
    max-width: 600px;
  margin: auto;
  padding-top: 0.5em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: row;
/*  justify-content: flex-end;*/
  align-self: center;

  color: #898181;


}


.box1{
   padding-left: 12px;
}

.box2{
  display:flex;
}


.header .title{
  font-size: 24pt;
}



.subtitle{
  font-size: 11pt;
  padding-left: 3px;
}



.title-im{
  width: 60px;
  align-self: center;
}

.header-index{
  transform: translate(-5px, 0px);
}

.header-index .title{
  font-size: 30pt;
}

.header-index .subtitle{
  font-size: 15pt;
}

.header-index .title-im{
  width: 100px;
  align-self: center;
}




p.one{
   text-indent: 0;
}

p{
/* max-width: 60ch;*/
max-width: 590px;
  font-size: 14pt;
  line-height: 1.5;
/*  letter-spacing:-0.2px;*/
  margin-bottom: 0;
  margin-top: 0;
   text-indent: 1.5em;
}

.excerpt{
  max-width: 590px;
  font-size: 14pt;
  line-height: 1.5;
}


.footer{
  padding-top: 100px;
  padding-bottom: 50px;
}

.coda{
  padding-top: 20px;
  padding-bottom: 30px;
}


a.plain{
  color: black;
  text-decoration: none;
}

.footer .email{
    color: #898181;
}

.arr{
  font-size: 10pt;
}

.arr-im{
  height: 10px;
}

.post-card{
  margin-bottom: 50px;
}

.post-card .date{
  padding-top: 0.4em;
  padding-bottom: 0.7em;
    color: #898181;
}

.read-more{
  padding-top: 10px;
  padding-right: 20px;
/*  color: #898181;*/
    display: flex;
  flex-direction:row;
  justify-content: flex-end;
}

.overview{
  font-size: 15pt;
  max-width: 300px;
  padding-left: 20px;
  padding-bottom: 50px;
  padding-right: 20px;
  padding-top: 20px;
}

.overview-holder{
      display: flex;
  flex-direction:row;
/*  justify-content: flex-end;*/
}
.more{
  margin-top: 10px;
/*  margin-left: 20px;*/
}