* {
  --winners-dark-blue: #183f7c;
  --winners-light-blue: #1272ae;
  --winners-baby-blue: #D9E3EB;
  --winners-blue-grey: hsl(0, 0%, 96%);
  --winners-grey: #9ea3ab;
  --winners-red: #c7252d;
  font-family: 'Roboto', sans-serif;
}


.spinner-wrapper {
  background-color: var(--winners-light-blue);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s, visibility 0.2s;
}
.spinner-wrapper.hidden {
  opacity: 0;
  visibility: hidden;
}
.spinner-border {
  height: 60px;
  width: 60px;
}
.custom-navbar {
  background-color: var(--winners-dark-blue);
}
.custom-blue-text {
  color: var(--winners-light-blue);
}
.custom-dark-text {
  color: var(--winners-dark-blue);
}
.custom-blue-button {
  background-color: var(--winners-light-blue);
  color: white;
}
.custom-blue-button:hover {
  background-color: var(--winners-dark-blue);
  color: white;
}

.custom-grey-text {
  color: var(--winners-grey);
}

.custom-grey-bg{
  background-color: var(--winners-blue-grey);
}

.custom-blue-bg {
  background-color: var();
}
.custom-light-nav-bg {
  background-color: var(--winners-baby-blue);
  color: var(--winners-dark-blue)!important;
}

.rounded-4 {
  border-radius: 2rem;
}
.rounded-5 {
  border-radius: 40px;
}

.mx-6 {
  margin: 0px 70px 0px 70px;
}

.nav-link {
  text-decoration: none;
  color: inherit!important;
  font-weight: 400;
  font-size: 15px;
}
.nav-link:hover {
  color: #1272ae!important;
  scale: 1.08;
}

.navbar-collapse {
  flex-grow: inherit!important;
}

.sign-out-btn {
  font-size: 15px;
}

.sign-out-btn:hover {
  scale: 1.08;
  background-color: #1272ae!important;
}

/* media queries */
@media only screen and (max-width: 992px) {
  .custom-light-nav-bg {
    background-color: var(--winners-dark-blue);
    color: white!important;
  }

  .navbar-collapse {
    justify-content: flex-start !important;
  }

  .sign-out-btn {
    margin: auto 0px !important;
  
  }
}


