h1{
    margin-bottom: 17px;
    margin-top: 25px;
    padding:0;
}

img{
  margin-left: 1.5em;
}

a{
  color: rgb(0, 42, 105);
  text-decoration: none;
  }
a:hover{
  border-bottom: 1px dotted;
  color: rgb(0, 42, 105);
}

body {
    line-height: 1.2em;
    font-size: 18px;    
    font-family: Helvetica, sans-serif;
    color: #383838;
    background: #fafafa;
    /* centers page */
    margin: auto;
    max-width: 110ch;
    /* scrollbar always present, prevents page from unalining when it is added */    
    overflow-y: scroll;
    /* prevents mobile version from resizing in weird way the text */
    -webkit-text-size-adjust: 100%;
    margin-bottom: 70px;
}




ul {
    list-style-type: square;
  list-style-position: inside;
  padding-left: 0;
}
/*ul {
  padding-left: 0;
  list-style-position: inside;
}*/
hr{
    margin-bottom: 1em;
    margin-top: 0em;    
}
.formal {
  content:"eweweew";
  display: list-item;
  list-style-type: "\2712";
  padding-inline-start: 1ch;
}
.journal {
  display: list-item;
  list-style-type: "\27BA";
  padding-inline-start: 1ch;
}
.informal {
  display: list-item;
  list-style-type: "\2711";
  padding-inline-start: 1ch;
}
.draft {
  display: list-item;
  list-style-type: "\270F";
  padding-inline-start: 1ch;
}