style.css

.darkmode-button{
    transition: 0.5s;
  }
  .darkmode-button:hover{
    transform: scale(1.2);
  }
  #top-rated{
    transition: 0.5s;
  }
  #top-rated:hover{
    color: black;
    transform: scale(1.2);
  }
  #trailer-button{
    transition: 0.5s;
  }
  
  #trailer-button:hover{
    color: black;
    transform: scale(1.2);
  }

  #show-more-container{
    margin: 10px;
    padding: 10px;
  }
  #home-button{
    transition: 0.4s;
  }
  #home-button:hover{
    transform: scale(1.2);
  }
  #show-more{
    font-weight: bolder;
    transition: 0.5s;
  }
  #show-more:hover{
    transform: scale(1.2);
  }
  .col{
    /* background: #c00;
    border-radius: 25px; */
    transition: 1s;
  }
  .col:hover{
    opacity: 90%;
    transform: scale(1.4);
    z-index: 4;
  }
.trailer-box{
display: none;
}
#hvlogo{
  transition: 0.5s;
    height: 40px;
    width: 40px;
}
#hvlogo:hover{
  transform: scale(1.5);
}
.darkmode-button{
    margin-right: 10px;
}
.card-image{
    width: 100%;
    height: 225px;
    object-fit: cover;
}
/* .hidden{
  opacity: 0;
  display: none;
} */
.text-body-secondary{
  font-weight: bold;
}
/* .card-body{
  height: 280px;
} */
.card-image{
  opacity: 0%;
  transition: opacity 2s ease-in-out;
}
/* .loaded{
  opacity: 1;
} */.social-icons svg{
  transition: 0.5s;
}
.social-icons svg:hover{
  transform: scale(1.4);
}
#footer-logo{
  transition: 0.5s;
}
#footer-logo:hover{
  transform: scale(1.5);
}
#copyright-text{
  transition: 0.5s;
}
#copyright-text:hover{
  transform: scale(1.5);
}