* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    letter-spacing: -0.25px;
    color-scheme: light dark;

}
body {
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    max-width: 600px;
    padding: 32px;
    margin: 60px auto;
    margin-top: 20px;}



h1 {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 28px;
    color: light-dark(#080808, #fff);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


.title h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.title h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: light-dark(#111, #fff);
}
.title h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: light-dark(#333, #fff);
}

.title h2 {
font-size: 16px;
font-weight: 400;
color: light-dark(#333, #fff);}

ul { padding-left: 50px; }

li {
  color: light-dark(#4F4F4F, #fff);
  padding-left: 20px;
  margin-top: 24px;
  position: relative;
  font-size: 16px;
  line-height: 20px;

  &:before {
    content: '';
    display: block;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 2px solid #ddd;
    position: absolute;
    top: -10px;
    left: -32px;
  }
}
strong { color: light-dark(#292929, #fff); }

ol.alternating-colors {
  li:nth-child(1):before { border-color: #00bf7d; }
  li:nth-child(2):before { border-color: #5928ed; }
  li:nth-child(3):before { border-color: #00b4c5; }
  li:nth-child(4):before { border-color: #0073e6; }
  li:nth-child(5):before { border-color: #00bf7d; }
  li:nth-child(6):before { border-color: #2546f0; }
  li:nth-child(7):before { border-color: #00b4c5; }
  li:nth-child(8):before { border-color: #00bf7d; }
  li:nth-child(9):before { border-color: #0073e6; }
}