/*Style for whole html*/
body {
  font-family: 'Courier Prime' !important;
  height: 100%;
  background: #ffe047;
}

/*--NAVBAR--*/
.bg-dark {
    margin-top: 0 !important;
    background: transparent !important;
    transition:1s ease;
}

.bg-dark.scrolled {
    background:linear-gradient(#ffc800 30%, #ffe047) !important;
}

.bg-dark .navbar-nav .nav-link {
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em !important;
  margin: 0 15px;
  border-left:solid 1px #fff;
}



/*---Carousel---*/
.carousel-inner img{
  width: 100%;
  height: 100%;
}

.carousel-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-caption h1 {
  text-shadow: 1px 1px 1px black;
  background: hsl(0, 0%, 0%, 0.5);
  font-size:80px;
}

.carousel-caption p {
  font-size:40px;
  text-shadow: 1px 1px 1px black;
}

.carousel-caption .btn {
  font-size:20px;
}

/*-- IMAGES --*/
.centered{
  padding: 0.3rem;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: hsl(0, 0%, 0%, 0.7);
  border-radius: 5%;
  border: solid 2px #black;
}