:root {
  --yatzy-background-color: #C0E5FD;
}

html, body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #FCF8DA;
  font-family: 'Libre Baskerville', 'Philosopher', 'Calibri', 'Arial', 'sans-serif';
  font-weight: 300;
  background-color: var(--yatzy-background-color) !important;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}