@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap);*{box-sizing:border-box}body{background-color:#22254b;color:#fff;font-family:"Poppins",sans-serif;margin:0}.root,body{display:flex;flex-direction:column}header{background-color:#373b69;display:flex;padding:1rem;justify-content:flex-end}.search{background-color:transparent;border:2px solid #22254b;border-radius:50px;color:#fff;font-family:inherit;font-size:1.2rem;padding:.5rem 1.5rem}.search:focus{outline:0}.movie-container{display:flex;justify-content:center;flex-wrap:wrap}.movie{background-color:#373b69;border-radius:3px;box-shadow:3px 3px 5px rgba(0,0,0,.1);overflow:hidden;position:relative;margin:1rem;width:300px}.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-over{background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:3px 3px 5px rgba(0,0,0,.1);color:#22254b;padding:1rem;position:absolute;bottom:0;left:0;right:0;overflow:auto;max-height:100%;transform:translateY(102%);transition:transform .3s ease-in-out}.movie:hover .movie-over{transform:translateY(0)}.tag{background-color:#22254b;border-radius:5px;font-weight:700;padding:.5rem}.tag.green{color:green}.tag.orange{color:orange}.tag.red{color:red}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3734faec.chunk.css.map */