@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
h1{
    margin-bottom: 17px;
    margin-top: 10px;
    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 {
  font-size: 17px;
  font-family: 'Libre Baskerville';
    padding: 10px;
    line-height: 1.2em;
    color: #383838;
    background: #fafafa;
    /* centers page */
    margin: auto;
    max-width: 80ch;
    /* 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.6em;
}

hr{
    margin-bottom: 1em;
    margin-top: 0em;
}
.formal {
  display: list-item;
  list-style-type: "\2712";
  padding-inline-start: 1ch;
}
.news {
  display: list-item;
  list-style-type: "\27A9";
  padding-inline-start: 1ch;
  margin:7px 0;
}

li::marker {
  font-size: 1.25rem;
}
.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;
}

.ex1 {
  width:100%;
  max-width: 720px;
}

.im {
  min-width: 20%;
  width: 260px;
  max-width: 45%;
}