@font-face {
  font-family: digitalNumbers;
  src: url('../fonts/DigitalNumbers-Regular.ttf') format('truetype');
  ;
  font: 1em sans-serif;
}

.clock {
  font-size: 150px;
  font-family: digitalNumbers, sans-serif, monospace;
  color: #000000;
}

.officialTime {
  font-size: 30px;
  font-family: digitalNumbers, sans-serif, monospace;
  color: #000000;
}

.countdown {
  font-size: 100px;
  font-family: digitalNumbers, sans-serif, monospace;
  color: #e01515;
}

.nextStart {
  font-size: 30px;
  font-family: digitalNumbers, sans-serif, monospace;
  color: #e01515;
}


#btn-mute {
  min-width: 40px !important;
}

#startlist-table .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  border: 2px solid #e01515 !important;
  background-color: #e01515;
}

#startlist-table .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  border-left: 2px solid #e01515;
  border-bottom: 2px solid #e01515;
}

.fa-venus {
  color: pink;
}

.fa-mars {
  color: blue;
}

.card-header {
  font-size: 25px;
  ;
}

#starterA_firstname,
#starterB_firstname,
#starterC_firstname,
#starterD_firstname {
  font-size: 30px;
}

#starterA_lastname,
#starterB_lastname,
#starterC_lastname,
#starterD_lastname {
  font-size: 30px;
}

@media (min-width: 100px) {

  .countdown,
  .clock {
    font-size: 40px;
  }

  .officialTime,
  .nextStart {
    font-size: 10px;
  }

  #offcanvasRight {
    width: 95%;
  }

  #starterA_firstname,
  #starterB_firstname,
  #starterC_firstname,
  #starterD_firstname {
    font-size: 14px;
  }

  #starterA_lastname,
  #starterB_lastname,
  #starterC_lastname,
  #starterD_lastname {
    font-size: 14px;
  }

}

@media (min-width: 576px) {

  .countdown,
  .clock {
    font-size: 70px;
  }

  .officialTime,
  .nextStart {
    font-size: 14px;
  }

  #offcanvasRight {
    width: 95%;
  }

  #starterA_firstname,
  #starterB_firstname,
  #starterC_firstname,
  #starterD_firstname {
    font-size: 14px;
  }

  #starterA_lastname,
  #starterB_lastname,
  #starterC_lastname,
  #starterD_lastname {
    font-size: 14px;
  }

}

@media (min-width: 768px) {

  .countdown,
  .clock {
    font-size: 90px;
  }

  .officialTime,
  .nextStart {
    font-size: 18px;
  }

  #offcanvasRight {
    width: 95%;
  }

  #starterA_firstname,
  #starterB_firstname,
  #starterC_firstname,
  #starterD_firstname {
    font-size: 30px;
  }

  #starterA_lastname,
  #starterB_lastname,
  #starterC_lastname,
  #starterD_lastname {
    font-size: 30px;
  }

}

@media (min-width: 992px) {

  .countdown,
  .clock {
    font-size: 110px;
  }

  .officialTime,
  .nextStart {
    font-size: 22px;
  }

  #offcanvasRight {
    width: 95%;
  }

}

@media (min-width: 1200px) {

  .countdown,
  .clock {
    font-size: 150px;
  }

  .officialTime,
  .nextStart {
    font-size: 24px;
  }

  #offcanvasRight {
    width: 60%;
  }

}

@media (min-width: 1400px) {

  .countdown,
  .clock {
    font-size: 150px;
  }

  .officialTime,
  .nextStart {
    font-size: 30px;
  }

  #offcanvasRight {
    width: 60%;
  }

}


#update-toast.show {
  display: block !important;
}