html, body {
  min-height: 100%;
  height: auto;
}
body {
  font-family: sans-serif;
  background: #141E30; 
  background: -webkit-linear-gradient(to bottom, #243B55, #141E30);
  background: linear-gradient(to bottom, #243B55, #141E30);
  background-repeat: no-repeat;
  color: #fff;
}
h1 {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  padding: 0 0 .5em 0;
}
.mount svg {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.row {
  max-width: 520px;
}
.column {
  padding: 0 2em;
}
.whl {
  filter: drop-shadow( 0px 0px 20px rgba(255, 255, 255, .4));
}
.arrows {
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .8));
  fill: #000;
  stroke: #fff;
}
.js-words {
  text-align: center;
}
.js-get-word {
  background-color: transparent;
  border: 1px solid #2199e8;
}
.js-get-word:hover, .js-get-word:focus, .js-get-word:active {
  background-color: rgba(0, 0, 0, .4);
}
.js-spin {
  font-weight: bold;
}
.js-spin:active {
  background-color: #f60;
}
.progress {
  width: 0;
  border-radius: 5px;
  transition: width 6s ease-out;
}
.flash {
  animation-name: flash;
  animation-iteration-count: 1;
  animation-duration: 2s;
}
@keyframes flash {
  0% { background: transparent; }
  50% { background: #f60; }
  100% { background: transparent; }
}