:root,
body {
  font-family: Inter, sans-serif;
}
@supports (font-variation-settings: normal) {
  :root,
  body {
    font-family: InterVariable, sans-serif;
  }
}

#body-wrapper h1,
#body-wrapper h2,
#body-wrapper h3,
#body-wrapper h4,
#body-wrapper h5
#body-wrapper h6 {
  font-family: "Great Vibes", cursive;
}

.text-decoration-none,
.text-decoration-none:focus,
.text-decoration-none:hover,
.text-decoration-none:active {
  text-decoration: none;
}

.handwritten {
  font-family: "Great Vibes", cursive;
}

.text-logo {
  font-size: 1.4rem;
}

.mobile-menu .button_container span {
  background: #3a414e;
}

.overlay {
  background: #ffffff;
}
.overlay.open {
  opacity: .98;
}

.treemenu li {
  background: inherit;
}

.mobile-menu .button_container.active .top,
.mobile-menu .button_container.active .middle,
.mobile-menu .button_container.active .bottom {
  background: #3a414e;
}