*{box-sizing:border-box;margin:0;padding:0}.container{background-color:#c5f6fa;display:flex;flex-direction:column;margin:0 auto;max-width:1500px}.header{background-color:#22b8cf;justify-content:space-between;padding:1.5rem}.header,.header .search-form{align-items:center;display:flex}.header .search-form{flex:1 1;justify-content:center}.header .search-form .search-input{border-radius:50px;font-size:1rem;padding:1rem 1.5rem;width:50%}.header .search-form .search-input:focus{outline:none}.header .search-form .search-btn{background-color:transparent;border:none;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.header .search-form .search-btn .search-icon{height:20px;width:20px}.btn{align-items:center;background-color:#f1f3f5;border:1px solid #000;color:#000;display:block;display:flex;justify-content:center;margin:1rem;padding:1rem;text-decoration:none;transition:all .5s linear}.btn:hover{background-color:#fff4e6}.btn:active,.btn:focus{background-color:#f4fce3}.btn p{padding-left:1rem}.pagination{align-self:center;display:flex;margin-top:2rem}.pagination .icon{border:1px solid #000;height:50px;margin:0 .7rem;padding:.4rem;width:50px}.card-list{display:flex;flex-wrap:wrap;justify-content:center}.card-list .card{background-color:#fff;border-radius:5px;box-shadow:0 4px 5px rgba(0,0,0,.2);margin:2rem;overflow:hidden;width:300px}.card-list .card img{width:100%}.card-list .false{color:#000}.card-list .true{background-color:#22b8cf;color:#c5f6fa}.movie-info{align-items:flex-start;display:flex;gap:.2rem;justify-content:space-between;letter-spacing:.5px;padding:.5rem 1rem 1rem}.movie-info h3{margin-top:0}.movie-info span{background-color:#333;border-radius:3px;font-weight:700;padding:.25rem .5rem}.movie-info span.green{color:#90ee90}.movie-info span.orange{color:orange}.movie-info span.red{color:red}@media(max-width:900px){.header .search-form .search-input{padding:1rem;width:75%}.card-list .card{width:250px}}@media(max-width:600px){.header{align-items:center;flex-direction:column}.header .search-form{width:100%}.card-list .card{margin:2rem 1rem;width:200px}}
/*# sourceMappingURL=main.df7a122e.css.map*/