body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#f0f0f0;font-family:Roboto,sans-serif;margin:0}.App-header{background-color:#111;border-bottom:1px solid #333;padding:20px;text-align:center}.App-header h1{font-size:36px;font-weight:300;letter-spacing:2px;margin:0}main{padding:40px 20px}.movie-grid{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:dense;grid-auto-rows:100px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.movie-card.aspect-ratio-standard{grid-column:span 2;grid-row:span 2}.movie-card.aspect-ratio-widescreen{grid-column:span 3;grid-row:span 2}.movie-card.aspect-ratio-ultrawide{grid-column:span 4;grid-row:span 2}.movie-card{background-color:#222;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.movie-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.movie-card img{display:block;height:auto;width:100%}.movie-card .movie-title-overlay{background-color:#000000b3;bottom:0;color:#fff;left:0;padding:10px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease-in-out}.movie-card:hover .movie-title-overlay{transform:translateY(0)}.movie-card h3{font-size:1rem;margin:0}.pagination{display:flex;justify-content:center;list-style:none;margin-top:40px;padding:0}.page-item+.page-item{margin-left:10px}.page-link{background-color:#222;border:1px solid #333;border-radius:5px;color:#f0f0f0;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.page-link:hover{background-color:#333}
/*# sourceMappingURL=main.c6e99208.css.map*/