.mc {
    max-width: 70%;
    height: auto;
}
.card {
    max-width: 80%;
    max-width: 500px;
    margin: auto;
}
a{
    text-decoration: none;
}
.carousel,
.carousel-inner,
.carousel-item,
.carousel-item img {
    width: 100%;
    object-fit: cover;
}
.film-img{
    max-width: 220px;
}
.minecrart-carousel{
    width: 80%;
    margin: 0 auto;
}
.progress-container {
  width: 100%;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
  height: 25px;
  margin: 10px 0;
}

.progress-bar {
  height: 100%;
  text-align: center;
  color: white;
  line-height: 25px;
  font-weight: bold;
}