/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}

* {
  font-family: 'Roboto Condensed' !important;
}

body {
  font-weight: 100
}

.uk-container {
  width: 100%;
  min-height: 25vh;
  align-self: center;
  padding: 20px 0
}

h2 {
  font-weight: 300 !important
}

h2 span {
  font-size: .5em
}

#answers {
  position: absolute;
  left: 0;
  width: 20%;
  height: auto;
  padding: 10px;
  border: 1px solid #e2e2e2;
  top: 200px
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked,
::selection,
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:focus,
.uk-radio:active {
  background: #F8D548 !important;
  background-color: #F8D548 !important;
}

.uk-text-right {
  padding-top: calc(10px + .1em);
  border-top: calc(0.2px + 0.05em) solid #e5e5e5;
}

button[target="next"] {
  background: #F8D548 !important;
  background-color: #F8D548 !important;
}

td span {
  display: none
}

.uk-label {
  background: #e2e2e2 !important;
  color: #333
}

.value {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 100%;
}

.value span:first-of-type {
  width: 60%;
  cursor: pointer
}

td strong {
  cursor: pointer;
}

.value span:last-of-type {
  width: 32%;
  text-align: right;
  align-self: flex-end;
}

canvas {
  margin-top: 30px;
}

p.code {
  background: #F9D648;
  color: #000;
  font-size: 50px;
  width: 700px;
  padding: 1vh 0
}

.uk-notification-message-danger {
  text-align: center;
  color: #fff
}

.uk-notification-message {
  background: darkred;
}

body>.uk-section>.uk-container {
  display: none
}

#final {
  /* display: block */
}

body>.uk-section>.uk-container:first-of-type {
  display: block !important
}

.uk-radio {
  margin-right: 5px
}

h1 {
  font-weight: 800;
  color: #F8D548
}

td:not(:first-of-type),
th:not(:first-of-type) {
  text-align: center;
}

@media screen and (max-width: 1200px) and (min-width: 650px) {
  body {
    text-align: center;
    justify-content: center;
    display: inline-flex;
    width: 100%
  }

  .uk-section {
    max-width: 900px;
    width: 90%
  }

  .uk-grid {
    flex-direction: column;
  }

  .uk-table th {
    transform: rotate(270deg);
    position: relative;
    left: -25px
  }

  .uk-text-right {
    text-align: center !important;
  }

  .uk-overflow-auto {
    max-width: 800px;
    width: 90%;
    text-align: center;
    margin-left: 0;
  }

  label {
    margin-bottom: 15px !important
  }

  .uk-width-1-2 {
    width: 90%;
    margin-left: 30px;
  }

  #final {
    max-width: 380px;
    align-self: center;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  body {
    text-align: center;
    justify-content: center;
    display: inline-flex;
  }

  .uk-section {
    max-width: 600px;
    width: 90%
  }

  .uk-grid {
    flex-direction: column;
  }

  .uk-table th {
    transform: rotate(270deg);
    position: relative;
    left: -25px
  }

  .uk-text-right {
    text-align: center !important;
  }

  .uk-overflow-auto {
    max-width: 400px;
    width: 90%;
    text-align: center;
    margin-left: 0;
  }

  label {
    margin-bottom: 15px !important
  }

  .uk-width-1-2 {
    width: 90%;
    margin-left: 30px;
  }

  #final {
    max-width: 380px;
    align-self: center;
    text-align: center;
  }
}