body{background-color:#000;color:#fff;margin:0}.container{display:flex;flex-wrap:wrap}.header h2{color:#e50914;cursor:pointer;font-size:2rem;margin:2rem 3rem 0 5rem}.header{display:flex;margin-bottom:3rem}.header input{background-color:red;border:2px solid red;border-radius:10px;margin:2rem 8rem 0 auto;outline:none;padding:.5rem}.header input::-webkit-input-placeholder{color:#000}.header input::placeholder{color:#000}*{margin:0;padding:0}.movie{border-radius:3px;box-shadow:3px 3px 5px rgba(0,0,0,.1);margin:1rem;overflow:hidden;padding-left:5rem;position:relative;width:240px}.movie img{max-width:100%}.info{align-items:center;display:flex;justify-content:space-between;padding:1rem}h4{margin:0}.over{background-color:red;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;color:#000;left:0;margin-left:5rem;max-height:100%;overflow:auto;padding:1rem;position:absolute;right:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.movie:hover .over{-webkit-transform:translateY(0);transform:translateY(0)}.info p{background-color:#0d0d0d;border-radius:3px;padding:.3rem;text-align:center;width:20px}.green{color:green}.red{color:red}.orange{color:orange}.found{color:red;font-size:5rem;margin:15rem auto 0}@media only screen and (max-width:600px){.found{font-size:2rem}}
/*# sourceMappingURL=main.3125709e.css.map*/