body {
  background: #f4f6fb;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #25244a;
}

.white {
  background: white;
}

* {
  color: #25244a;
}

.content p {
  margin-bottom: 15px;
}

.content ul,
.content ol {
  margin-left: 5px;
}

.content li {
  margin-bottom: 5px;
  list-style-type: disc;
  padding-left: 5px;
  margin-left: 25px;
}

.content h2 {
  padding-top: 15px !important;
  font-size: 16px !important;
  font-weight: bold;
  color: #665efd;
}

.content h3 {
  padding-top: 15px !important;
  font-size: 14px !important;
  font-weight: bold;
}

.content a {
  color: #645bff;
}

.background {
  background-color: #1b1a3a !important;
}

.header-image {
  background-color: #1b1a3a !important;
  background-image: url("src/header.jpg");
  background-position: center bottom;
  background-size: cover;
}

.background-overlay {
  background-color: #161531 !important;
}

.color-primary {
  color: #25244a;
}

.bg-secondary {
  background-color: #645bff !important;
}

.color-secondary {
  color: #645bff !important;
}

.stroke-secondary {
  stroke: #645bff !important;
}

.color-overlays {
  background: #e8ebf3;
}

.fraunces {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
}

h1,
.heading {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 130% !important;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
}

a.contact {
  background: #35332e !important;
  color: white !important;
}

.feature {
  background-color: #161531 !important;
  border-radius: 22px !important;
}

.rating {
  color: orange;
}

.star {
  stroke: orange;
  fill: orange;
  width: 16px;
}

pre {
  width: auto !important;
  font-size: 12px !important;
  opacity: 0.5;
  white-space: inherit;
}