@import "../../../styles_vendor";

#landingPageContent {

  #arsnova-click-description {
    color: #fff;
  }

  #collapse-quiz-name-datalist {
    right: 4px;
    top: 0;
    font-size: 2rem;
    background: rgba(0, 0, 0, 0.5);

    &:hover {
      background: rgba(0, 0, 0, 0.3);
    }

    &:active {
      background: rgba(0, 0, 0, 0.9);
    }
  }

  #hashtag-input-field,
  #server-password-input-field {
    height: 50px;
    line-height: 20px;
  }

  #demo-quiz-description {
    margin-top: 10px;
  }

  .mathjax-container {
    font-size: 0.9rem;
    fill: #fff;
  }

  .header-label {
    @include media-breakpoint-down(xs) {
      font-size: 1.8rem;
    }
    @include media-breakpoint-up(sm) {
      font-size: 2.8rem;
    }
  }
}
