.level-item a {
  color: black;
  font-weight: bold;
}

.level-item a:hover {
  color: rgb(255, 199, 18);
}

.navbar-item:hover {
  border-bottom: rgb(255, 199, 18) 2px solid;
}

.bl-bg {
  background-color: black;
}

.book-link:hover {
  color: white;
}

.white {
  color: white;
}

/*For some reason, it doesn't work with .title-colored*/
.hero.is-black .title {
  color: rgb(255, 199, 18);
}

.golden-bg {
  background-color: rgb(255, 199, 18);
  border-bottom: 3px solid black;
}

.golden-colored {
  color: rgb(255, 199, 18);
}

.img-bg {
  background-image: url("../cars-traffic.jpg");
  width: 100%;
  heigth: 346px;
}

.tra {
  background-color: rgba(256, 256, 256, 0.7);
}

.footer {
  //background-color: rgb(255, 199, 18);
  background-color: black;
  border-top: 3px solid black;
}