@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700,900&subset=cyrillic");
.is-condensed {
  font-family: "Roboto Condensed", sans-serif;
}

.is-bold {
  font-weight: bold;
}

html, body {
  color: #333;
  font-family: "Roboto", sans-serif;
  background: #fff;
}

main {
  padding: 30px;
}

[v-cloak] > * {
  display: none;
}

.is-box {
  background: #F0F3F9;
  color: #333;
  font-weight: bold;
  transition: all 0.5s ease !important;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}

.is-answer {
  background: #F0F3F9;
  color: #333;
  font-weight: bold;
  transition: all 0.5s ease !important;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
.is-answer.is-picked {
  background: #3190F9;
  color: #fff;
}

.button.is-hint {
  background: #F0F3F9;
  color: #3190F9;
  font-weight: bold;
  padding: 7px 5px;
  border: none;
}
.button.is-next {
  background: #E6F9DD;
  color: #2CB235;
  font-weight: bold;
  padding: 7px 15px;
  border: none;
}

.progress.is-success::-webkit-progress-value {
  background-color: #2CB235;
}

.progress.is-success::-moz-progress-bar {
  background-color: #2CB235;
}

.progress.is-success::-ms-fill {
  background-color: #2CB235;
}

.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #2CB235 30%, #dbdbdb 30%);
}

/*# sourceMappingURL=app.css.map */