:root {
  --main-color: #ffd91d;
  --secondary-color: #414343;
  --main-shadow: 0 0.5rem 1rem rgba(255, 217, 29, 0.5) !important;
}

body {
  background-color: var(--secondary-color);
  color: whitesmoke;
}

.custom-shadow {
  -webkit-box-shadow: var(--main-shadow);
          box-shadow: var(--main-shadow);
}

.nav-tabs .nav-link.active {
  border-top: 3px solid var(--main-color);
  border-left: 3px solid var(--main-color);
  border-right: 3px solid var(--main-color);
}

.nav.nav-tabs {
  border-color: transparent;
}

.card {
  border: 3px solid var(--main-color);
}

.card-body,
.card-footer {
  background-color: var(--secondary-color);
  border-top: 3px solid var(--main-color);
}

svg {
  fill: var(--main-color);
}

svg.bi.bi-heart-fill {
  fill: red;
}

@media screen and (min-width: 576px) {
  .carousel-item img {
    height: 300px;
  }
  div > iframe {
    width: 1100px;
    height: 400px;
  }
}

body::-webkit-scrollbar {
  width: 15px;
  /* width of the entire scrollbar */
}

body::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  /* color of the scroll thumb */
  border-radius: 20px;
  /* roundness of the scroll thumb */
}
/*# sourceMappingURL=main.css.map */