.show-card{background:#353132;border-radius:10px;box-shadow:0 0 15px #00000080;left:50%;min-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:50}.video{height:100%;width:100%}.card-director{animation-delay:.1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeInLeft;opacity:0}.card-title{animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeInLeft}.card-original_title{animation-delay:.1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeInLeft;opacity:0}.card-release_date{animation-delay:.2s;animation-duration:1s;animation-fill-mode:forwards}.card-overview,.card-release_date{animation-name:fadeInLeft;opacity:0}.card-overview{animation-delay:.3s;animation-duration:1s;animation-fill-mode:forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.circle{-webkit-clip-path:circle(50% at 50% 50%);height:100px;-o-object-fit:contain;object-fit:contain;width:100px}.movie-card{animation:fadeInUp .5s ease-out}.movie-card .poster_img{position:relative;transform:scale(1);transition:opacity .7s ease,transform .7s ease;z-index:10}.movie-card:hover .poster_img{transition:opacity .7s ease,top .7s ease,transform .7s ease}.movie-card .backdrop_img,.movie-card:hover .poster_img{left:10%;opacity:.4;position:absolute;top:5%;transform:scale(1)}.movie-card .backdrop_img{transition:opacity .5s ease,transform .5s ease}.movie-card:active .backdrop_img,.movie-card:hover .backdrop_img{left:0;opacity:1;position:relative;top:0;transform:scale(1);transition:opacity .7s ease-in-out,transform .7s ease;z-index:20}@keyframes fadeInUp{0%{margin-top:20px}to{margin-top:0}}.scroll-to-top{background-color:#ffa700;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;font-size:x-large;font-weight:700!important;height:40px;opacity:.7;position:fixed;right:20px;transition:opacity .3s,transform .3s;width:40px;z-index:100}