@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/bricolage-grotesque/BricolageGrotesque_Condensed-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Bricolage Grotesque Condensed';
  src: url('../fonts/bricolage-grotesque/BricolageGrotesque-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Artegra Sans';
  src: url('../fonts/artegra-sans/Fontspring-DEMO-artegra_sans-sc-800-extrabold.otf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Artegra Sans';
  src: url('../fonts/artegra-sans/Fontspring-DEMO-artegra_sans-sc-800-extrabold-italic.otf');
  font-weight: 800;
  font-style: italic;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
}

button,
input,
textarea,
select,
option {
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
}

.centered-table-cells th,
.centered-table-cells td {
  text-align: center !important;
  vertical-align: middle;
}

#navbar + div#race-results {
  padding-top: 4rem;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}