body {
  background-color: #0f172a;
  color: #f8fafc;
  font-family: sans-serif;
}

.navbar {
  background-color: #0f172a;
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
}
.navbar a:not(.dropdown-item) {
  color: #f8fafc;
}
.navbar input {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: none !important;
  border-bottom: 1px solid #f8fafc !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.cards .card {
  width: calc(25% - 1rem);
}
.cards .card a {
  text-decoration: none;
  color: #0f172a;
}
@media screen and (max-width: 1024px) {
  .cards .card {
    width: calc(50% - 1rem);
  }
}

#home h1 {
  text-align: center;
  margin: 3rem 0;
}

#detail .bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: calc(60vh - 56px);
}
@media screen and (min-width: 1025px) {
  #detail .bg {
    position: sticky;
    top: 60px;
  }
}/*# sourceMappingURL=style.css.map */