body {
  background-color: #0f172a;
}

.dangerHtmlWrapper a {
  text-decoration: underline;
  font-weight: bold !important;
}

h1.heading,
h2.heading,
h3.heading,
h4.heading,
h5.heading,
h6.heading {
  font-size: revert;
  font-weight: revert;
}

.dangerHtmlWrapper {
  @apply text-monstserrate;
  margin-top: 96px;
}

.dangerHtmlWrapper h1.heading,
.dangerHtmlWrapper h2.heading,
.dangerHtmlWrapper h3.heading,
.dangerHtmlWrapper h5.heading,
.dangerHtmlWrapper h6.heading {
  color: #fff;
}

.dangerHtmlWrapper p.paragraph {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

@media screen and (min-width: 320px) {
  .dangerHtmlWrapper {
    margin-top: 0;
    padding: 0 20px;
  }

  .dangerHtmlWrapper p.paragraph {
    font-size: 14px;
  }

  .dangerHtmlWrapper h4.heading {
    color: #fff;
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 767px) {
  .dangerHtmlWrapper {
    margin-top: 0;
    padding: 0 !important;
  }

  .dangerHtmlWrapper p.paragraph {
    font-size: 16px !important;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1024px) {
  .dangerHtmlWrapper {
    margin-top: 0;
    padding: 0 !important;
  }

  .dangerHtmlWrapper p.paragraph {
    font-size: 16px !important;
    font-weight: 400;
    color: #fff;
  }
}

.sidebar.active {
  display: flex;
  right: 404px !important;
}