body {
  background: #f7f5f0;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #35332e;
}

.white {
  background: white;
}

* {
  color: #0e4b3d;
}

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

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

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

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

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

.content a {
  color: #31c679;
}

.background {
  background-color: #0e4b3d !important;
}

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

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

.color-primary {
  color: #0e4b3d;
}

.bg-secondary {
  background-color: #31c679 !important;
}

.color-secondary {
  color: #31c679 !important;
}

.stroke-secondary {
  stroke: #31c679 !important;
}

.color-overlays {
  background: #efeae2;
}

.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: #0b4336 !important;
  border-radius: 22px !important;
}

.instagram {
  background: rgba(0, 0, 0, 0.1) !important;
}

.rating {
  color: orange;
}

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