body {
  position: flex;
  background-color: #03242D;
  color: #fdfdfd;
  font-size: 1.5vmin;
  font-family: LoraRegular, 'Garamond', sans-serif;
  /*overflow-y: hidden;*/
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
}

#content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#footer {
  display: flex;
  position: fixed;
  right: 1vmin;
  bottom: 1vmin;
  font-family: Arial, Helvetica, sans-serif;
  color: #bbb;
  font-size: 2.5vmin;
}

#footer a {
  color: #bbb;
  text-decoration: none;
}

#footer a span {
  font-size: 4vmin;
}


.title {
  font-family: MontserratExtraBold, 'Garamond', sans-serif;
  font-size: 26vmin;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

#waarom {
  color: #ccc;
}

.explanation {
  font-family: MontserratRegular, 'Garamond', sans-serif;
  font-size: 5vmin;
  font-weight: 500;
  text-align: center;
  margin: 0rem;
}

.explanation ul {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.korting {
  margin-top: 5vmin;
  margin-bottom: 5vmin;
  color: #ccc;
  font-size: 4vmin;
}

.timer-string {
  font-size: 4.5vmin;
  color: #ccc;
  white-space: pre-wrap;
}

.timer {
  font-family: monospace;
}

.feedback {
  font-size: 3vmin;
  margin-bottom: 2vmin;
}

.disclaimer em {
  color: #777799;
}

@font-face {
  font-family: 'MontserratExtraBold';
  src: url('Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'MontserratRegular';
  src: url('Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'LoraRegular';
  src: url('Lora-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'RobotoMono';
  /*src: url('RobotoMono-VariableFont_wght.ttf') format('truetype');*/
  src: url('RobotoMono-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'AlfaSlabOne';
  src: url('AlfaSlabOne-Regular.ttf') format('truetype');
}