section {
  --main-bg-color: rgb(35, 33, 33);;
}
#root {
  color: red;
}

#container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
  scroll-snap-type: x mandatory;
}

.header {
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgb(196, 191, 191);
  margin: 5px;
}

.film {
  color: white;
  border: 1px solid #ccc;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 16px;
  background-color: var(--main-bg-color);
  transform: scale(0.95);
}

body {
  color:white;
  background-color: rgb(43, 40, 40);
}
#search {
  color: black;
}
#show-select {
  color:rgb(7, 8, 8);
}
#summary{
  padding: 3px;
}