*{
  margin: 0;
  padding: 0;
}

/* ============================================================
   FUENTES
   ============================================================ */

@font-face {
  font-family: 'bariol_regular';
  src: url('../fonts/bariol_regular-webfont.eot'),
       url('../fonts/bariol_regular-webfont.woff') format('woff'),
       url('../fonts/bariol_regular-webfont.woff2') format('woff2'),
       url('../fonts/bariol_regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PerfectDark';
  src: url("../fonts/pdark.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ============================================================
   FUENTE POR DEFECTO (aplica a todo)
   ============================================================ */
*{
  font-family: 'bariol_regular', sans-serif;
}

/* ============================================================
   EXCEPCIONES: fuentes específicas que NO deben heredar bariol
   ============================================================ */

/* Números del velocímetro */
.speed-number,
.speed-number * {
  font-family: 'PerfectDark', monospace !important;
}

/* Ranking (posición) */
.rank-value,
.rank-value * {
  font-family: 'PerfectDark', monospace !important;
}

/* Countdown (3, 2, 1, GO!) */
.countdown-number,
.countdown-number * {
  font-family: 'PerfectDark', monospace !important;
}

/* Game Over */
.gameover-title,
.gameover-title * {
  font-family: 'PerfectDark', monospace !important;
}

/* ============================================================
   FIN
   ============================================================ */