.movie-card{background-color:#24272e;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow:hidden;transition:transform .2s ease-in-out;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px}.movie-card:hover{transform:scale(1.025)}.movie-image{width:100%;height:100%}.movie-details{padding:20px 10px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:8px}.movie-title{margin:0;font-size:1em}.movie-rating{font-size:.9em;color:#a7a7a7}@media (max-width: 600px){.movie-card{margin-bottom:20px}}.body{padding:20px;background-color:#282c34}.movies-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 600px){.movies-container{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.pagination{display:flex;justify-content:space-between;align-items:center;margin:20px}button{padding:8px 12px;font-size:14px;width:5.5rem;cursor:pointer;outline:none;text-decoration:none;border:0;border-radius:4px;background-color:#b0e0e6}button:disabled{cursor:not-allowed;opacity:.9}.page-info{font-size:14px;color:silver}.movie-detail-page{padding:20px;font-size:28px;background-color:#282c34;color:#fff}.movie-detail-1{display:flex;flex-direction:row;gap:20px}.movie-detail-container{display:flex;flex-direction:column;width:50%}.movie-detail-image{width:170px;height:250px}.movie-detail-content{display:flex;flex-direction:column;gap:12px}.movie-details-genres{display:flex;flex-direction:row;gap:16px;align-items:center}.movie-detail-title{margin:0;font-size:1.8rem;font-weight:600}.movie-details-time{font-size:1rem}.movie-detail-rating{font-size:1.1rem;color:#b0e0e6}.movie-detail-backgrondimage{flex:1;width:100%;height:100%}.movie-detail-genre{font-weight:300;display:flex;flex-direction:row;gap:6px;color:#b0e0e6}.genre{font-size:1.1rem;font-weight:300}.movie-detail-description{font-size:.9rem;font-weight:100;letter-spacing:.5px;color:#a8a8a8;width:100%}@media (min-width: 800px) and (max-width: 930px){.movie-detail-container{flex-direction:column}.movie-detail-image{width:100%;margin-right:0;margin-bottom:20px}.span{width:100%;margin:5px 0}.detail{width:100%}}@media (min-width: 600px) and (max-width: 930px){.background-img{display:flex;justify-content:center;align-items:center}.movie-detail-backgrondimage{flex:1;width:80%;position:absolute;top:90px;left:80px;opacity:.1;height:40%}.detail{width:100%}}@media (max-width: 600px){.movie-detail-1{flex-direction:column;gap:12px}.movie-detail-image{width:100%;margin-bottom:12px}.movie-detail-title{font-size:1.5rem;margin-bottom:8px}.movie-detail-rating,.movie-details-genres,.movie-detail-genre,.movie-details-time{display:block!important;width:100%}.movie-detail-backgrondimage{display:none;width:0;height:0}.movie-detail-image{display:block;width:100%}.detail{width:100%}}@media (max-width: 350px){.movie-detail-image{display:block;width:200%}}.cast-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}@media (max-width: 600px){.cast-list{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:20px}}.cast-card{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow:hidden;height:350px;transition:transform .2s ease-in-out;position:relative}.cast-card:hover{transform:scale(1.05)}.cast-image{object-fit:cover;border-radius:8px 0 0 8px;position:relative}.cast-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,1.5),transparent);z-index:2}.cast-details{padding:10px;position:absolute;bottom:0;left:0;z-index:3;color:#fff}.cast-name{margin:0;font-size:1.2rem}.cast-character{margin:5px 0;font-size:.8rem;color:#9d9d9d}@media (max-width: 600px){.cast-card{flex-direction:column}.cast-image{width:100%;border-radius:8px 8px 0 0;height:100%}}*{margin:0;padding:0}a{text-decoration:none}.topbar-maincomponent{display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;background-color:#202124;align-items:center;height:40px}.topbar-sub2{display:flex;flex-direction:row;gap:12px;align-items:center}.topbar-category{display:flex;flex-direction:row;gap:20px;cursor:pointer;margin-right:20px}.topbar-search-container{display:flex;flex-direction:row;gap:12px}.topbar-search{height:20px;padding:5px;background-color:gray;border-radius:4px;color:#fff}.topbar-search-button{padding:0;border:0;text-decoration:none;outline:none;color:#fff;background-color:gray}@media only screen and (max-width: 600px){.topbar-maincomponent{display:flex;flex-direction:column;align-items:center;height:auto}.topbar-sub2{flex-direction:column;gap:10px}.topbar-category{margin-right:0;margin-bottom:10px}.topbar-sub1{margin-bottom:20px}}