body {
  background-color: #fcfcfc;
}

body > div:first-child {
  margin-top: 50px;
}

.center {
  text-align: center;
}

.question {
  margin-top: 50px;
  font-size: 36px;
}

.big {
  font-size: 36px;
  font-weight: bold;
}

.answer {
  margin-top: 20px;
  width: 600px;
  font-size: 36px;
  padding: 10px 20px;
  background-color: white;
}

.submit {
  margin-top: 40px;
  font-size: 24px;
  padding: 10px 20px;
  width: 600px;
}

button.button {
  font-size: 24px;
  padding: 10px 20px;
  width: 600px;
}

.loading {
  margin-top: 20px;
  font-size: 24px;
}

.popup {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 100000;
}

.fading {
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
}

.hide {
  opacity: 0;
}

ul {
  list-style: none !important;
}

.hint {
  animation: fadein 8s;
  -webkit-animation: fadein 5s;
}

@keyframes fadein {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100%   { opacity: 1; }
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100%   { opacity: 1; }
}