html {
  overflow: auto;
}

body {
  margin: 0;
  overflow-x: hidden;
}

.drawer_open {
  height: 95vh !important;
  padding-bottom: 40px;
  transition-property: height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.drawer_open div {
  align-items: normal !important;
  padding-top: 0.45rem;
  padding-bottom: 1.5rem;
  background-color: #fcbc83 !important;
}
#nav-drawer-menu {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}
#nav-drawer-menu a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
  border-bottom: 1px solid #000000;
  margin-top: 15px;
  padding-bottom: 15px;
}
.drawer-menu-open {
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: fit-content !important;
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 100ms !important;
  transition-delay: 200ms !important;
}

.text-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 40%;
  font-weight: bold;
}

@-webkit-keyframes slideFadeIn {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideFadeIn {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes textMarkerAnime {
  0% {
    background-size: 0 40%;
  }
  100% {
    background-size: 100% 40%;
  }
}