body {
        font-family: "ABeeZee", sans-serif;
      }

      h1, h2, h3, h4, h5, h6,
      .cardResult__point span {
        font-family: "ABeeZee", sans-serif;
      }

      .btn.btn-secondary,
      .btn.btn-secondary:hover:not(:disabled),
      .languageSelector__icon span,
      .avatarDisplay__button,
      .avatarDisplay__button:hover,
      .audioPlayer__button#playButton,
      .questionCard__bg:before,
      .videoPlayer__button#playButton,
      .video-js .vjs-play-progress.vjs-slider-bar,
      .audioPlayer__button#pauseButton:hover,
      .audioPlayer__visual .bar,
      .videoPlayer__button#playButton:hover,
      .videoPlayer__button#playButton,
      .cardResult__point,
      .modal__closeBtn,
      .experiencePicker__list input[type="radio"]:checked+div {
          background-color: #213a8f;
      }
      .btn.btn-primary,
      .btn.btn-primary:hover:not(:disabled),
      .loadingScreen,
      .loadingScreen:before,
      .wordCloud input[type="checkbox"]:checked+span,
      .questionCard__bg button.skipAudio,
      .questionCard.is-opened .questionCard__back .btn:hover:after {
          background-color: #213a8f;
      }

      .questionCard.is-opened.is-slider .questionCard__back .btn:hover:after {
        background-color: #213a8f;
      }

      .wordCloud input[type="checkbox"]:checked+span,
      .questionCard.is-opened .questionCard__back .btn:after,
      .questionCard.is-opened .questionCard__back .btn>span:before {
        border-color: #213a8f;
      }
      .field:focus,
      .audioPlayer__button#playButton:hover,
      .videoPlayer__button,
      .videoPlayer__button#playButton:hover,
      .experiencePicker__list div:hover,
      .experiencePicker__list input[type="radio"]:checked+div,
      .member.is-leader .member__wrapper,
      .answerItem__input:checked+span.imageWrapper>img
      {
          border-color: #213a8f;
      }

      .slider__item::-webkit-slider-thumb {
        background-color: #213a8f;
      }

      .answerItem__input:checked+span.imageWrapper:before {
        
        -webkit-box-shadow: inset 0 0 0 4px #213a8f;
        box-shadow: inset 0 0 0 4px #213a8f;
        border-color: #213a8f !important;
      } 


      .answerItem .answerItem__input:checked + span:before {
          border-color: #213a8f;
          background: #213a8f;
      }
      .gameScreen__title span,
      .endScreen__title span,
      .lobbyScreen__title span,
      .resultScreen__title span,
      .leaderboard__item.first .leaderboard__item__name,
      .leaderboard__item.second .leaderboard__item__name,
      .leaderboard__item.third .leaderboard__item__name
      {
          color: #213a8f;
      }
      .leaderboard__item__you,
      .leaderboard__item__counter.points .leaderboard__item__icon,
      .leaderboard__item.first .leaderboard__item__rank,
      .leaderboard__item.is-player.first
      {
          background-color: #213a8f;
      }
      .leaderboard__item.second .leaderboard__item__rank,
      .leaderboard__item.is-player.second
      {
          background-color: #213a8f26;
      }
      .leaderboard__item.second .leaderboard__item__rank,
      .leaderboard__item.third .leaderboard__item__rank
      {
          color: #213a8f;
      }
      .leaderboard__item.first .leaderboard__item__rank,
      .leaderboard__item.second .leaderboard__item__rank,
      .leaderboard__item.third .leaderboard__item__rank
      {
          border-color: #213a8f;
      }
      .leaderboard__item.is-player.first .leaderboard__item__rank
      {
          background-color: #213a8f;
          border-color: #213a8f;
      }
      .leaderboard__item.is-player.first .leaderboard__item__you
      {
          color: #213a8f !important;
      }
      .leaderboard__item.is-player
      {
          -webkit-box-shadow: 0 0 12px 0 #213a8f0D, 0 12px 24px -12px #213a8f40;
          box-shadow: 0 0 12px 0 #213a8f0D, 0 12px 24px -12px #213a8f40;
      }
      .leaderboard__item.is-player.first
      {
          -webkit-box-shadow: 0 12px 24px -12px #213a8f, 0 0 12px 0 #213a8f73;
          box-shadow: 0 12px 24px -12px #213a8f, 0 0 12px 0 #213a8f73;
      }
      .avatarPicker__list input[type="radio"]:focus+img, .avatarPicker__list input[type="radio"]:checked+img {
          -webkit-box-shadow: 0 0 0 3px #213a8f;
          box-shadow: 0 0 0 3px #213a8f;
      }
      .audioPlayer__button,
      .audioPlayer__button#pauseButton:after,
      .wordCloud span {
        border-color: #213a8f;
      }
      .audioPlayer__button#playButton:hover:after {
        border-color: transparent transparent transparent #213a8f;
      }

      .loginScreen__explanation p,
      .stt-v2 .is-image .questionCard__bg__quote .entrycontent,
      .stt-next .is-image .questionCard__bg__quote .entrycontent {
        color: #000000;
      }

      h1, h2, h3, h4, h5, h6 {
          color: #213a8f;
      font-weight: 400;
      }

      .questionCard__title {
        color: #213a8f;
      }
      .cardResult__title {
          color: #213a8f
      }
      .questionCard__accent svg path {
        fill: #213a8f;
      }
      .wordCloud span
      body {
          font-style: normal;
          font-weight: 400;
          font-size: 5px;
          line-height: 5px;
          color: #000000;
      }
      *::-webkit-scrollbar-thumb {
            background-color: #213a8f;
        }
      @media screen and (min-width: 1024px) and (orientation: landscape) {
          #welcomeScreen,
          #setupScreen, 
          #lobbyScreen {
              background-color: #213a8f;
          }
          .wordCloud span:hover {
            color: #213a8f;
          }
      }
      @media screen and (max-width: 1023px) {
        .questionCard.is-video .answerItem__input:checked+span:before {
          border-color: #213a8f;
          -webkit-box-shadow: inset 0 0 0 4px #213a8f;
          box-shadow: inset 0 0 0 4px #213a8f;
        }
      }

      .questionCard__bg button.skipAudio {
        background-color: #213a8f;
      }
      
      .replay-action a.replayBtn {
        background-color: #213a8f;
      }

      .questionCard__back .btn:hover>span:before {
        border-color: #213a8f;
      }

      .questionCard.is-opened .questionCard__back .btn:before {
        border-color: #213a8f;
      }

      .scoreEarned {
        border: solid 1px #213a8f;
      }
      
      .scoreEarned:before,
      .popup#timedOut-popup .popup__close,
      #timer {
        background-color: #213a8f;
      }

      .questionCard.v2-questionCard.is-opened .questionCard__title {
        color: #213a8f;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem input[type=radio]:checked+.choiceItem__Box {
        background-color: #213a8f;
        border-color: #213a8f;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem:hover .choiceItem__Box {
        color: #213a8f;
        border-color: #213a8f;
      } 

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem input[type=radio]:checked+.choiceItem__Box+.choiceItem__text::before {
        background-color: #213a8f40;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .play-button {
        background-color: #213a8f;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .play-button:hover {
        background-color: #213a8f40;
      box-shadow: inset 0 0 0 1000px #213a8f40;
      }

      .questionCard.v2-questionCard .slider__item {
        background-color: #213a8f;
      }

      .questionCard.v2-questionCard .slider__placeholder {
        color: #213a8f;
      }

      .slides .slide {
        background-color: #213a8f;

      box-shadow: -5px 0 #213a8f;
      }

      .slides .slide.done span {
        color: #213a8f;
      }

      .slides .slider-content-block .choiceItem input[type=radio]:checked+.choiceItem__Box+.choiceItem__text::before {
        background-color: #213a8f40;
      }

      .slides .slider-content-block .choiceItem input[type=radio]:checked+.choiceItem__Box {
        background-color: #213a8f;
        border: #213a8f;
      }

      .slides .slider-content-block .choiceItem .choiceItem__Box:hover {
        color: #213a8f;
        border-color: #213a8f;
      }

      .slides .slider-content-block .choiceItem:hover .choiceItem__Box {
        color: #213a8f;
        border-color: #213a8f;
      }

      #pageWrapper.is-loading::before {
        background-color: #213a8f;
      }

      .v2-wordCloud input[type=checkbox]:checked+span {
        background-color: #213a8f;
      }

      .v3-questionCard .v3-questionCard__answers.is-wordcloud .v2-wordCloud input[type=checkbox]:checked+span {
        background-color: #213a8f;
      }

      .v2-wordCloud span:hover {
        background-color: #213a8f40;
      }

      .slider__point-circle {
        background-color: #213a8f;
      }

      .slides .slide .slider__point--arrow {
        fill: #213a8f;
      }

      .questionCard.is-slider.is-opened .questionCard__content.is-layered .slider__point--arrow {
        fill: #213a8f;
      }

      .slider__point::after {
        background-color: #213a8f26;
      }

      .slider__point::before {
        background-color: #213a8f40;
      }

      .v3-questionCard__answers .answerItem__text::after {
        background-color: #213a8f;
      }

      .v3-questionCard__answers .answerItem__input:checked+.answerItem__Box {
        background-color: #213a8f;
      }
      
      .videoPlayer__modal {
        border-left: 10px solid #213a8f;
      }

      .videoPlayer__modal-text {
        color: #213a8f;
      }

      .questionHotspot__title {
        border-left: 8px solid #213a8f;
      }

      .stt-v2 .ratingPopup__scroll h5,
      .stt-next .ratingPopup__scroll h5{
        color: #213a8f;  
      }

      .endScreen__explanation {
        color: #000000;
      }

      .audioPlayer__label {
        color: #213a8f;
      }