<ol>
  <li>Hey!</li>
  <li>It's</li>
  <li>Me</li>
  <li>Mario</li>
</ol>

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: red;
  font-weight: bold;
}



body {
  font-family: Montserrat, sans-serif;
}