Moominquiz

          <div class="question text-center" id="q1" style='display:none; opacity: 0;'>

            <h3>You are more</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g1" name="g1" type="button" value="practical" data-characters="moominpappa,snufkin,too-ticky,hemulen,fillyjonk">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g1" name="g1" type="button" value="impractical" data-characters="snorkmaiden,moominmamma,sniff,mymble,thingummy-and-bob">
            </div>
                                  </div>

          <div class="question text-center" id="q2" style='display:none; opacity: 0;'>

            <h3>Do you tend to choose</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g2" name="g2" type="button" value="rather carefully" data-characters="snorkmaiden,groke,too-ticky,fillyjonk,thingummy-and-bob">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g2" name="g2" type="button" value="somewhat impulsively" data-characters="little-my,snufkin,sniff,stinky">
            </div>
                                  </div>

          <div class="question text-center" id="q3" style='display:none; opacity: 0;'>

            <h3>Would you rather have</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g3" name="g3" type="button" value="material things" data-characters="snorkmaiden,sniff,hemulen,fillyjonk,thingummy-and-bob">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g3" name="g3" type="button" value="experiences" data-characters="moomintroll,moominpappa,little-my,snufkin,hattifatteners">
            </div>
                                  </div>

          <div class="question text-center" id="q4" style='display:none; opacity: 0;'>

            <h3>You are more guided by</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g4" name="g4" type="button" value="your head" data-characters="moominpappa,snufkin,groke,hemulen,fillyjonk">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g4" name="g4" type="button" value="your heart" data-characters="moomintroll,snorkmaiden,moominmamma,sniff,stinky">
            </div>
                                  </div>

          <div class="question text-center" id="q5" style='display:none; opacity: 0;'>

            <h3>Would you rather</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g5" name="g5" type="button" value="stay at home" data-characters="moominmamma,sniff,mymble,too-ticky,fillyjonk">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g5" name="g5" type="button" value="go on an adventure" data-characters="moomintroll,moominpappa,little-my,snufkin,stinky,hattifatteners">
            </div>
                                  </div>

          <div class="question text-center" id="q6" style='display:none; opacity: 0;'>

            <h3>Would you rather wear</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g6" name="g6" type="button" value="colorful clothes" data-characters="snorkmaiden,moominmamma,little-my,too-ticky,thingummy-and-bob">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g6" name="g6" type="button" value="black and white" data-characters="moominpappa,hattifatteners,groke,hemulen,fillyjonk">
            </div>
                                  </div>

          <div class="question text-center" id="q7" style='display:none; opacity: 0;'>

            <h3>Would you say that you are</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g7" name="g7" type="button" value="a warm-hearted person" data-characters="snorkmaiden,moominmamma,groke,mymble,too-ticky">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g7" name="g7" type="button" value="a cold-headed person" data-characters="moominpappa,little-my,stinky,hemulen,fillyjonk">
            </div>
                                  </div>

          <div class="question text-center" id="q8" style='display:none; opacity: 0;'>

            <h3>Are you </h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g8" name="g8" type="button" value="shy" data-characters="moominmamma,snufkin,sniff,hattifatteners,groke,thingummy-and-bob">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g8" name="g8" type="button" value="outgoing" data-characters="moomintroll,little-my,hattifatteners,mymble">
            </div>
                                  </div>

          <div class="question text-center" id="q9" style='display:none; opacity: 0;'>

            <h3>At parties, are you</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g9" name="g9" type="button" value="the life of the party" data-characters="moomintroll,moominpappa,little-my,mymble">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g9" name="g9" type="button" value="sitting in a corner" data-characters="snufkin,hattifatteners,groke,hemulen,thingummy-and-bob,stinky">
            </div>
                                  </div>

          <div class="question text-center" id="q10" style='display:none; opacity: 0;'>

            <h3>Would you rather be</h3>

                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r1_g10" name="g10" type="button" value="alone" data-characters="moominpappa,snufkin,hemulen,thingummy-and-bob">
            </div>
                                    <div class="quiz-answer">
              <input class="button button-which-moomin answer-radio" id="r2_g10" name="g10" type="button" value="together with others" data-characters="sniff,hattifatteners,groke">
            </div>
                                  </div>

          <br>