@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

.navbar-brand,
.o3-jumbotron h1,
.challenge-name {
  font-family: 'Press Start 2P', cursive !important;
}

.navbar-brand {
  text-shadow: 0 3px 0 rgba(255, 105, 246, 0.8);
}

.challenge-name {
  color: #ff0e66 !important;
  font-size: 1.15rem;
  letter-spacing: 1px;
}

.challenge-description,
.challenge-desc {
  color: #c9c9c9 !important;
}

.challenge-file-link,
.challenge-file-link:visited,
.challenge-file-link:hover {
  color: #c9c9c9 !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
}

.challenge-file-link.btn,
.challenge-file-link.btn:visited,
.challenge-file-link.btn:hover {
  padding-left: 0.38rem !important;
  padding-right: 0.38rem !important;
  min-height: 0 !important;
  width: auto !important;
  max-width: 12rem !important;
}

.challenge-hint-text {
  color: #17a2b8 !important;
  font-size: 0.84rem !important;
}

.challenge-value:before,
.challenge-button span:before {
  margin-right: 0.35rem !important;
}

.o3-hint .o3-muted {
  color: #a5adc5 !important;
}

.nav.nav-tabs #challenge-tab-button.nav-link,
.nav.nav-tabs #solves-tab-button.nav-link {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.nav.nav-tabs #challenge-tab-button.nav-link:hover,
.nav.nav-tabs #solves-tab-button.nav-link:hover {
  border-color: #5a5a5a !important;
}

.nav.nav-tabs #challenge-tab-button.nav-link.active,
.nav.nav-tabs #solves-tab-button.nav-link.active {
  background-color: #2e3251 !important;
  border-color: #5a5a5a !important;
  color: #ffffff !important;
}
