@import"https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap";.search{background-color:transparent;border:2px solid var(--primary--color);font-size:18px;padding:5px 0 5px 15px;border-radius:45px;width:20vw;color:#d3d3d3}.search:focus{transition:.2s all ease;outline:none;background-color:var(--primary--color)}.search::placeholder{color:#7378c5}@media screen and (max-width:600px){.search{width:80%}}.paginate-container{position:fixed;bottom:0;left:0;right:0;background-color:#4a3699d3;display:flex;justify-content:center;padding:10px}.pagination{background-color:transparent;color:#d3d3d3;font-weight:bolder}*{box-sizing:border-box}:root{--primary--color: #22254b;--secondary--color: #373b69}body{background-color:var(--secondary--color);font-family:roboto,sans-serif;margin:0}header{padding:1rem 2rem;display:flex;justify-content:flex-end}@media screen and (max-width:600px){header{justify-content:flex-end;padding:.5rem}}#main{background-color:var(--primary--color);display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:1rem}.movie{cursor:pointer;margin:1rem;width:330px;background-color:var(--secondary--color);box-shadow:0 4px 5px #0003;border-radius:3px;position:relative;overflow:hidden}.movie img{width:100%}.movie-info{border:none;color:#fff;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem .5rem 1rem}.movie-info span{border:none;background-color:var(--primary--color);padding:.25rem .5rem;font-weight:700;border-radius:5px}.movie-info span.green{color:#0d6f0d}.movie-info span.orange{color:orange}.movie-info span.red{color:red}.movie-info h3{margin-top:0}.overview{background-color:#fff;padding:1rem;position:absolute;left:0;bottom:0;right:0;max-height:100%;transform:translateY(100%);transition:.5s all ease-in-out}.movie:hover .overview{transform:translateY(0)}