*{box-sizing:border-box}body{background-color:#22254b;color:#fff;font-family:"Poppins",sans-serif;margin:0}.root{display:flex;flex-direction:column}header{background-color:#22254b;color:wheat;padding:1rem;display:flex;justify-content:flex-end}.search{background-color:transparent;font-family:inherit;border:2px solid #22254b;color:#fff;border-radius:50px;font-size:1.2rem;padding:.5rem 1.5rem}.search:focus{outline:0}.movie-container{display:flex;flex-wrap:wrap;justify-content:center}.movie{background-color:#373b69;border-radius:15px;box-shadow:3px 3px 5px rgba(0,0,0,.1);margin:1rem;width:350px;overflow:hidden;position:relative}.movie img{object-fit:cover;height:450px;width:100%}.movie-info{display:flex;align-items:center;justify-content:space-between;padding:1rem}.movie-info h3{margin:0}.movie-overview{position:absolute;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 -3px 5px rgba(75,44,87,.1);bottom:0;left:0;right:0;overflow:auto;max-height:100%;background-color:#fff;color:#22254b;padding:1rem;transform:translateX(102%);transition:transform .3s ease-in-out}.movie:hover .movie-overview{transform:translateX(0)}.tag{background-color:#22254b;border-radius:5px;padding:.5rem;font-weight:700}.tag.green{color:green}.tag.orange{color:orange}.tag.red{color:red}
/*# sourceMappingURL=main.e3366a30.chunk.css.map */