body,
html {
  background: rgb(24, 24, 38);
  color: white;
}

.d-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#frm input,
#frm select,
#frm option,
#movies .card,
#movies .accordion-item,
#movies .accordion-button {
  background-color: transparent;
  color: white;
  border: solid 1px rgb(74, 74, 106);
}

#frm option {
  background: rgb(24, 24, 38);
  color: white;
}

#frm select:focus {
  background-color: transparent;
}

.bg-dark {
  background-color: rgb(33, 33, 52) !important;
}

.border-dark {
  border: solid 1px white;
  border-radius: 5px;
}

@media screen and (max-width: 600px) {
  .logo-content {
    align-content: center;
  }
  .navbar-collapse.collapse {
    float: right;
    width: 100%;
    position: fixed;
    background: rgba(
      var(--bs-tertiary-bg-rgb),
      var(--bs-bg-opacity)
    ) !important;
    left: 0px;
    padding: 10px;
    ul {
      align-items: center;
    }
  }
}