@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto:wght@400;700&display=swap");

body {
  font-family: Roboto, Arial, Serif;
  color: #555;
}

h1,
h2,
h3,
h4,
strong {
  color: #222;
}

h1 {
  text-align: center;
}

h4 {
  display: inline-block;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #e48e38;
}

a:hover {
  text-decoration: underline;
}

/* LIST COUNTER */
ul {
  list-style-type: none;
}

ol {
  counter-reset: item;
}

ol > li {
  counter-increment: item;
}

ol.sub-list > li {
  display: inline-block;
}

ol.sub-list > li:before {
  content: counters(item, ".") " ";
}