*{padding:0;margin:0;border:none;box-sizing:border-box;color:#fff}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{background-color:#000;color:#fff}.movie-card{width:9rem!important;text-decoration:none;color:#000}.movie-card img{width:100%;border-radius:10px}.movie-card h3{font-size:16px;margin:5px 0}.movie-card:hover{width:10rem}.trending{display:flex;flex-wrap:nowrap;gap:1rem;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none;padding:2rem}.trending>*{flex:0 0 auto}.movie-grid{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.movie-card{width:9rem}a{text-decoration:none}.banner{padding:2rem;background-color:#0ff;display:flex;justify-content:space-between;align-items:center;background-color:#90878e}.trendingLabel{font-weight:700;font-size:larger;margin:2rem 2rem 0;font-family:sans-serif}.buttons{display:flex;width:100%;margin:2rem 2rem 0;gap:2rem}button{border:none;background:none;font-weight:700}@media only screen and (max-width: 345px){.banner{padding:1rem}}.search-container{position:relative;width:250px}.search-container input{width:100%;padding:8px;color:#000}.search-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#000;border:1px solid #ccc;z-index:10}.search-item{padding:8px;cursor:pointer}.search-item:hover{background-color:#f0f0f0;color:#000}input:focus{border:none;outline:none}.banner{display:flex;justify-content:space-between;background-color:#90878e;padding:2rem}.banner h3{text-transform:uppercase;color:#fff;font-family:sans-serif;word-spacing:2px;letter-spacing:1px}.loader{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.content-wrapper{height:85vh;width:100%;display:flex;justify-content:center;align-items:center;gap:2rem}.content-wrapper img{width:12rem}.det-boxes{width:25rem;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1rem}.det-box{display:flex;gap:2rem}.det-xx{display:flex;column-gap:2rem;flex-wrap:wrap}span{font-weight:700;font-family:sans-serif;color:#fff}.det-box div{text-align:justify;color:#e9d2d2}@media only screen and (max-width: 660px){.content-wrapper{flex-direction:column}.overview-box{flex-direction:column;gap:0}}@media only screen and (max-width: 660px){.det-boxes{width:20rem}}@media only screen and (max-width: 468px){.content-wrapper{margin-top:1rem}}@media only screen and (max-width: 375px){.det-boxes{width:18rem}.content-wrapper{margin-top:2rem}}@media only screen and (max-width: 316px){.det-boxes{width:15rem}}