.content {
  max-width: 850px;
  margin: 30px auto;
  padding: 25px;
}
.content p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.h-screen {
  height: auto !important;
}
@media (min-width: 1200px) {
  .content h2 {
    font-size: 1.5rem;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.content h2 {
  font-size: calc(1rem + 0.9vw);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.8rem !important;
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.highlight {
  background: #fff8e1;
  padding: 10px 20px;
  margin-bottom: 14px;
  border-radius: 8px;
}
.content ul {
  margin: 10px 0 10px 25px;
  line-height: 27px;
  list-style: inside;
  position: relative;
  margin-bottom: 20px;
}
.content ul li {
  list-style: none;
  padding: 10px 10px 10px 40px;
  margin-left: -23px;
}

.content ul li {
  border-bottom: 1px solid #eeeeee;
}
.content ul li:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMyAxMmMwLTQuMjQzIDAtNi4zNjQgMS4zMTgtNy42ODJDNS42MzYgMyA3Ljc1OCAzIDEyIDNjNC4yNDMgMCA2LjM2NCAwIDcuNjgyIDEuMzE4QzIxIDUuNjM2IDIxIDcuNzU4IDIxIDEyYzAgNC4yNDMgMCA2LjM2NC0xLjMxOCA3LjY4MkMxOC4zNjQgMjEgMTYuMjQyIDIxIDEyIDIxYy00LjI0MyAwLTYuMzY0IDAtNy42ODItMS4zMThDMyAxOC4zNjQgMyAxNi4yNDIgMyAxMloiLz48L3N2Zz4=);
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: 5px;
  background-size: contain;
  left: -18px;
}
.content ul li.green:before {
  background: #22c55e;
  border-radius: 5px;
}
.content ul li.yellow:before {
  background: #eab308;
  border-radius: 5px;
}
.content ul li.grey:before {
  background: #a3a3a3;
  border-radius: 5px;
}
ol {
  counter-reset: listNumbering;
  margin-bottom: 20px;
}

ol li {
  padding: 10px 10px 10px 40px;
  list-style: none !important;
  border-bottom: 1px solid #eeeeee;
}

ol li {
  font-size: 1em;
  counter-increment: listNumbering;
}

ol li:before {
  content: counter(listNumbering, decimal-leading-zero) '.';
  font-size: 1em;
  font-weight: 600;
  padding-right: 10px;
  margin-left: -35px;
}
footer {
  background: #f5f5f5;
  text-align: center;
}
section {
  padding: 30px 0;
}
footer .content {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, 300px);
  justify-content: center;
  max-width: 1200px;
  margin: 0px auto;
}
footer a {
  text-decoration: none;
  font-weight: 600;
  color: #c42c2c;
  margin: 5px 10px;
  font-size: 15px;
  display: inline-block;
}
.flex.justify-center.mb-3.ml-2.mr-2.text-center.dark\:text-white {
    display: none;
}
.dark .content h2, .dark .content p, .dark .content ol, .dark .content ul  {
    color: #cdcdcd;
}
.dark .content ul li:before {
    background: #9E9E9E;
    border-radius: 8px;
}
.dark .content ul li, .dark .content ol li {
    border-bottom: 1px solid #313131;
}
.dark hr {
    border-color: #9E9E9E;
}
.darkfooter a {
    color: #0f172a;
}
.dark footer {
    background: #0d1526;
}