// Place all the styles related to the Questions controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.question {
  .question-text {
    height: 3em;
  }

  .answers {
    width: 100%;
    border-bottom: 1px solid #ccc;

    .answer {
      border-top: 1px solid #ccc;

      .text {
        width: 50%;
      }

      td {
        line-height: 2em;
        div {
          margin: 0.25em 0;
          height: 1.5em;
        }
      }

      .bar0 {
        background-color: #00008b;
      }
      .bar1 {
        background-color: #ADD8E6;
      }
      .bar2 {
        background-color: #4B0082;
      }
      .bar3 {
        background-color: #EE82EE;
      }
      .bar4 {
        background-color: #FFC0CB;
      }
    }
  }
}
