@media only screen and (min-width: 768px) {
  .anim .delay-1 {
    transition-delay: 0.1s;
  }
  .anim .delay-2 {
    transition-delay: 0.2s;
  }
  .anim .delay-3 {
    transition-delay: 0.3s;
  }
  .anim .delay-4 {
    transition-delay: 0.4s;
  }
  .anim .delay-5 {
    transition-delay: 0.5s;
  }
  .anim .delay-6 {
    transition-delay: 0.6s;
  }
  .anim .delay-7 {
    transition-delay: 0.7s;
  }
  .anim .delay-8 {
    transition-delay: 0.8s;
  }
  .anim .delay-9 {
    transition-delay: 0.9s;
  }
  .anim .delay-10 {
    transition-delay: 1s;
  }
  .menu-item {
    display: flex;
    align-items: center;
    margin: 0 1rem;
  }
  .menu-link {
    text-align: center;
    color: #222;
  }
  .menu-link:hover {
    color: #A1CD3A;
  }
}
@media only screen and (max-width: 767px) {
  .form-nav {
    position: sticky;
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 1;
    padding: 1rem 0;
  }
  .form-nav.is-pinned {
    background: #1B7400;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    padding: 1rem 1.5rem;
  }
  .menu {
    --left: 100%;
    position: fixed;
    left: var(--left);
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: left 0.6s cubic-bezier(0.7, 0, 0.2, 1);
  }
  .menu.toggle {
    --left: 0;
  }
  .menu.toggle .menu-list {
    opacity: 1;
    translate: 0;
  }
  .menu:before, .menu:after {
    content: "";
    position: absolute;
    left: var(--left);
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    transition: left 0.8s 0.1s cubic-bezier(0.7, 0, 0.2, 1);
  }
  .menu:after {
    background: rgba(0, 0, 0, 0.7);
    transition-delay: 0.2s;
  }
  .menu-list {
    flex-direction: column;
    opacity: 0;
    translate: 150%;
    transition: all 0.8s 0.4s cubic-bezier(0.7, 0, 0.2, 1);
  }
  .menu-item {
    margin: 0.5rem 0;
  }
  .img-max-height {
    max-height: 26rem;
  }
  .section {
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 575px) {
  .quiz-form {
    margin: 0 -1.5rem;
  }
}
@container (max-width: 225px) {}