body {
  font-family: 'Roboto';
}

.custom-nav-item {
  font-size: 12px;
}

.custom-navbar-brand {
  font-size: 12px;
}

.custom-btn {
  background-color: rgb(229,80,60);
}

.custom-btn:hover {
  background-color: rgb(180,43,24);
}

.custom-a {
  color: rgb(229,80,60);
}

.custom-a:hover {
  color: rgb(180,43,24);
}

.py-10 {
  padding-top: 6rem!important;
  padding-bottom: 6rem!important;
}

.pt-10 {
  padding-top: 6rem!important;
}

.background-dark {
  background-color: #0B121E;
}

.background-light {
  background-color: #F5F5F5;
}

.white-text {
  color: #F5F5F5;
}

.background-red {
  background-color: #E33B4E;
}

.background-red:hover {
  background-color: #EB707E;
}

.gray-border {
  border-color: #7A7A7A;
}

.dark-text {
  color: #0B121E;
}

.dark-text:hover {
  color: #7A7A7A;
}

.gray-text {
  color: #7A7A7A;
}