css-host

body {
  background-color: #f4f2ef;
  font-family: Arial, sans-serif;
}

h1 {
  color: #5967b0 !important;
  font-weight: bold !important;
  font-size: 2em !important;
  margin: 2em 0 1em 0 !important;
}

h2 {
  color: #683c82 !important;
  text-align: left;
  font-weight: normal !important;
  margin: 0 !important;
  font-size: 1.5em !important;
}

.large-bullets li::marker {
  font-size: 2rem;
  font-family: Arial, sans-serif;
  color: #ee6a5a;
}

ul {
  margin: 1em 0 2em 0 !important;
  padding-inline-start: 30px !important;
}

.highlight {
  margin: 3em 0 0 0 !important;
  font-weight: bold !important;
  color: #5967b0 !important;
}

hr {
  border: none;
  height: 1px;
  background: #fdbb17;
  margin: 2em 0 1em 0 !important;
}

a:link {
  color: #5967b0 !important;
}

a:visited {
  color: #683c82 !important;
}

a:hover {
  color: black !important;
}

a:active {
  color: #5967b0 !important;
}

.btn {
  background-color: #decade !important;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: fill !important;
}

body .primary {
  background: #000 !important;
}