#activity {
      margin: 2% 3% 0 0;
      position: fixed;
      left: 65%;
      font-family: 'Montserrat', Arial, sans-serif;
      font-size: 1.2em;
  }
  mark {
      padding: 0.1em 0.4em !important;
      font-style: normal;
      font-weight: normal;
      background-color: #ADDBF2;
     
      cursor: pointer;
      z-index: 10000;
      position: relative;
  }
  button{
      z-index: 9999;
      position: relative;
                  font-family: 'Montserrat', Arial, sans-serif;
      font-size: 1.2em;
      color: #fff;

  }
  .answeredCorrectly {
      background-color: inherit;
      font-style: normal;
      font-weight: normal;
      border-bottom: 1px dotted #FF6E42;
      color: #66818F;
  }
  .currentPhrase {
      font-weight: normal;
      background-color: #FF6E42;
      color: #F1EAD5;
  }
  #questionHolder, #followOnQuestion, #feedbackHolder, .clue {
      display: none;
  }
  #feedbackHolder p {
      margin: 1% 0;
      color: #F1EAD5;
  }
  #feedback {
     
      text-align: center;
  }
  #followOnQuestion {
      color: #226762;
      text-align: center;
  }
  .option {
      width: 100%;
      display: block;
      margin: 1% 0;
      background-color: #FF6E42;
      cursor: pointer;
      height: 2em;



  }
  #clueBtn {
      margin: 2% auto;
  }
  #questionHolder {
      text-align: center;
  }
  #clueHolder {
      margin: 2% auto;
      margin-bottom: 0;
      background-color: #FF6E42;
      text-align: center;
  }
  .clue {
      color: #F1EAD5;
      padding-left: 1%;
  }
  .marking {
      min-height: 20px;
      min-width: 20px;
      position: relative;
      background-repeat: no-repeat;
      background-position: 95% 50%;

  }
  .correct {
      background-image: url("../images/correct.png");
  }
  .incorrect {
      background-image: url("../images/incorrect.png");
  }