body{margin:0;color:#fff;background-color:#000;font-family:"Atkinson Hyperlegible",sans-serif}body,h3{font-weight:lighter;padding:0}h3{font-size:1rem}p{font-weight:lighter}header{background-color:#000;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}header h1{padding:.5rem 1.5rem}header form{height:50px;padding:10px;margin-top:20px}.search{font-family:inherit;color:#000;width:300px;padding:10px;border-radius:10px;background-color:#fff}.container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;transition:.3s ease-in-out}.movie{width:235px;height:430px;margin:1rem;background-color:#000;border-radius:3px;box-shadow:0 -3px 5px rgba(0,0,0,.1);overflow:hidden;position:relative}.movie img{width:100%;height:350px;object-fit:cover}.movie-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem}.movie-info h3{margin:0}.movie-over p{font-size:.9rem}.movie-over{position:absolute;bottom:0;right:0;left:0;text-align:justify;background-color:#fff;color:#000;padding:1rem;overflow:auto;max-height:100%;-webkit-transform:translateY(120%);transform:translateY(120%);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.movie:hover .movie-over{-webkit-transform:translateY(0);transform:translateY(0)}.tag{background-color:#000;padding:.5rem;border-radius:5px}.tag.green{color:green;font-weight:700}.tag.orange{color:orange;font-weight:700}.tag.red{color:red;font-weight:700}@media (max-width:700px){header{background-color:#000;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:auto;width:100%}header form{height:50px;padding:10px;width:90%;margin:auto}header h1{margin:20px auto;text-align:center}.search{font-family:inherit;width:90%;margin:auto;padding:10px;background-color:#fff}}
/*# sourceMappingURL=main.11ad5747.chunk.css.map */