/* ====== SITE COLORS (generated) ====== */

:root{
  --bs-body-color: rgba(8,12,13,0.82);
  --bs-emphasis-color: rgba(8,12,13,0.82);
  --bs-link-color: rgba(8,12,13,0.82);
  --bs-link-hover-color: rgba(8,12,13,0.82);
  --bs-secondary-color: rgba(8,12,13,0.82);
  --bs-tertiary-color: rgba(8,12,13,0.82);
}

html, body{
  color: rgba(8,12,13,0.82) !important;
  font-family: "Charm", cursive;
font-weight: 400;
font-style: normal;
font-size: 18px;
}

.text-body,
.text-dark,
.text-muted,
.text-secondary,
.text-body-secondary,
.text-body-tertiary{
  color: rgba(8,12,13,0.82) !important;
}

p, li, span, small, label, legend,
.breadcrumb, .breadcrumb-item,
.card, .card-body, .card-text{
  color: rgba(8,12,13,0.82) !important;
}

a, a:link, a:visited{
  color: rgba(8,12,13,0.82) !important;
}
a:hover, a:focus{
  color: rgba(8,12,13,0.82) !important;
}

h1, h2, h3, h4, h5, h6{
  font-family: "Charm", cursive;
font-weight: 400;
font-style: normal;
  color: rgba(8,12,13,0.82) !important;
}

nav, .navbar{
  background-color: rgba(35,231,208,0.38) !important;
}

footer{
  background-color: rgba(35,231,208,0.38) !important;
}

footer,
footer *,
footer p,
footer li,
footer span,
footer a,
footer small {
  color: rgba(228,68,223,0.3) !important;
}

.card {
  border: none;
}