@import url("https://fonts.googleapis.com/css2?family=Anton&family=Mulish:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://use.typekit.net/ijq2qjl.css");
main[data-v-d6d6f960] {
  background-color: rgb(var(--q-grey));
  font-family: 'Cervo', sans-serif;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
.counter-text[data-v-d6d6f960] {
  font-family: 'Cervo';
  text-align: center;
  font-weight: 600;
  font-size: 800px;
  fill: #fff;
}
.center[data-v-d6d6f960] {
  display: flex;
  align-content: center;
}

main[data-v-9873ea35] {
  position: relative;

  width: 100vw;
  height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-size: 38vw;
  font-weight: bold;
}
.background[data-v-9873ea35] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  background: url(/assets/counter_nl-DVDtv7gg.png);
  background-size: cover;

  animation: background-9873ea35 60s ease-in-out infinite;
}
@keyframes background-9873ea35 {
0% {
    scale: 1;
}
30% {
    scale: 1.1;
}
50% {
    scale: 1.1;
}
80% {
    scale: 1;
}
}

main[data-v-b2d95235] {
  position: relative;

  width: 100vw;
  height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-size: 38vw;
  font-weight: bold;
}
.background[data-v-b2d95235] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  background-color: rgb(var(--q-red));
  background-size: cover;

  animation: background-b2d95235 60s ease-in-out infinite;
}
@keyframes background-b2d95235 {
0% {
    scale: 1;
}
30% {
    scale: 1.1;
}
50% {
    scale: 1.1;
}
80% {
    scale: 1;
}
}

main[data-v-3d35fa2f] {
  position: relative;

  width: 100vw;
  height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-size: 38vw;
  font-family: 'Geomanist';
  font-weight: bold;
  background: rgb(var(--joe-primary));
}
.background[data-v-3d35fa2f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Colors */
:root {
  --joe-primary: 30 100 200;
  --joe-secondary: 20 50 140;
  --joe-accent: 220 60 150;

  --joe-text: 78 78 78;
}
:root {
  --q-red: 237 54 36;
  --q-red-dark: 217 46 32;

  --q-grey: 61 61 61;
  --q-grey-light: 230 230 230;
  --q-grey-dark: 43 43 43;

  --q-green: 168 216 50;
  --q-yellow: 249 243 197;
  --q-purple: 252 104 182;
  --q-blue: 124 186 247;
}
:root {
  --willy-gray: 231 230 225;
  --willy-gray--alt: 244 243 239;
  --willy-black: 20 20 20;
  --willy-primary-text: 56 56 56;
  --willy-primary-color: 255 159 28;
  --willy-primary-color--pastel: 255 184 87;
  --willy-secondary-color: 8 126 139;
  --willy-tertiary-color: 198 39 26;
  --willy-tertiary-color--alt: 231 53 54;
}
/* Fonts */
@font-face {
	font-family: geomanist;
	src: url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.eot), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff2);
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: geomanist;
	src: url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.eot), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff2);
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: geomanist;
	src: url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.eot), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff2);
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: geomanist;
	src: url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.eot), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff2);
	font-weight: 500;
	font-style: normal
}
@font-face {
	font-family: geomanist;
	src: url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.eot), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff), url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff2);
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: Cervo;
	src: url(https://fonts.qmusic.be/cervo-light-webfont.ttf), url(https://fonts.qmusic.be/cervo-light-webfont.eot), url(https://fonts.qmusic.be/cervo-light-webfont.woff), url(https://fonts.qmusic.be/cervo-light-webfont.woff2), url(https://fonts.qmusic.be/cervo-light-webfont.svg);
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Cervo;
	src: url(https://fonts.qmusic.be/cervo-medium-webfont.ttf), url(https://fonts.qmusic.be/cervo-medium-webfont.eot), url(https://fonts.qmusic.be/cervo-medium-webfont.woff), url(https://fonts.qmusic.be/cervo-medium-webfont.woff2), url(https://fonts.qmusic.be/cervo-medium-webfont.svg);
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: Qarla;
	src: url(https://fonts.qmusic.be/qarla-bold-webfont.ttf), url(https://fonts.qmusic.be/qarla-bold-webfont.eot), url(https://fonts.qmusic.be/qarla-bold-webfont.woff), url(https://fonts.qmusic.be/qarla-bold-webfont.woff2), url(https://fonts.qmusic.be/qarla-bold-webfont.svg);
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: Qarla;
	src: url(https://fonts.qmusic.be/qarla-bolditalic-webfont.ttf), url(https://fonts.qmusic.be/qarla-bolditalic-webfont.eot), url(https://fonts.qmusic.be/qarla-bolditalic-webfont.woff), url(https://fonts.qmusic.be/qarla-bolditalic-webfont.woff2), url(https://fonts.qmusic.be/qarla-bolditalic-webfont.svg);
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: Qarla;
	src: url(https://fonts.qmusic.be/qarla-italic-webfont.ttf), url(https://fonts.qmusic.be/qarla-italic-webfont.eot), url(https://fonts.qmusic.be/qarla-italic-webfont.woff), url(https://fonts.qmusic.be/qarla-italic-webfont.woff2), url(https://fonts.qmusic.be/qarla-italic-webfont.svg);
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: Qarla;
	src: url(https://fonts.qmusic.be/qarla-regular-webfont.ttf), url(https://fonts.qmusic.be/qarla-regular-webfont.eot), url(https://fonts.qmusic.be/qarla-regular-webfont.woff), url(https://fonts.qmusic.be/qarla-regular-webfont.woff2), url(https://fonts.qmusic.be/qarla-regular-webfont.svg);
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: BlackBones;
	src: url(https://fonts.qmusic.be/black-bones.ttf), url(https://fonts.qmusic.be/black-bones.eot), url(https://fonts.qmusic.be/black-bones.woff), url(https://fonts.qmusic.be/black-bones.woff2), url(https://fonts.qmusic.be/black-bones.svg);
   	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}
html,
body {
  font-family: 'Cervo', sans-serif;

  margin: 0;
  padding: 0;
}
