@font-face {
  font-family: 'Grold Rounded';
  src: url('../res/fonts/GroldRoundedSlim-Regular.woff') format('woff');
  src: url('../res/fonts/GroldRoundedSlim-Regular.woff2') format('woff2');
  /* src: url('../res/fonts/GroldRoundedSlim-Regular.otf') format('opentype'); */
  font-display: swap;
}
@font-face {
  font-family: 'Grold Rounded Light';
  src: url('../res/fonts/GroldRoundedSlim-Light.woff') format('woff');
  src: url('../res/fonts/GroldRoundedSlim-Light.woff2') format('woff2');
  /* src: url('../res/fonts/GroldRoundedSlim-Light.otf') format('opentype'); */
  font-display: swap;
}
@font-face {
  font-family: 'Grold Rounded SemiLight';
  src: url('../res/fonts/GroldRoundedSlim-SemiLight.woff') format('woff');
  src: url('../res/fonts/GroldRoundedSlim-SemiLight.woff2') format('woff2');
  /* src: url('../res/fonts/GroldRoundedSlim-SemiLight.otf') format('opentype'); */
  font-display: swap;
}
@font-face {
  font-family: 'dashes';
  src: url('../res/fonts/arial-dash.woff') format('woff');
  src: url('../res/fonts/arial-dash.woff2') format('woff2');
  font-display: swap;
}

:root {
  --pokpok-color-black: #424d61;
  --pokpok-color-dark-blue: #1582b9;
  --pokpok-color-blue: #29a2de;
  --pokpok-color-green: #1cb5a5;
  --pokpok-color-yellow: #fdeb6a;
  --pokpok-color-orange: #feb61c;
  --pokpok-color-red: #ef6950;
  --pokpok-color-white: #ffffff;
  --pokpok-color-grey: #c1d9e5;
  --pokpok-color-dark-green: #1c9f92;
  --pokpok-color-dark-yellow: #eace52;
  --pokpok-color-dark-red: #d5533b;

  --pokpok-color-sunflower: #FED351;

  --pokpok-font-regular: 'dashes', 'Grold Rounded', sans-serif;
  --pokpok-font-semilight: 'dashes', 'Grold Rounded SemiLight', sans-serif;
  --pokpok-font-light: 'dashes', 'Grold Rounded Light', sans-serif;

  font-size: .8em;
}

body {
  margin: 0;
  background: var(--pokpok-color-white);
  color: var(--pokpok-color-black);
  font-family: var(--pokpok-font-light);
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}