body{margin:0;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.movie-card-container{display:grid;grid-template-columns:repeat(4,1fr)}.movie-card{width:100%;position:relative;display:flex}.movie-list-poster{width:100%}.movie-overlay{display:flex;position:absolute;flex-direction:column;justify-content:flex-end;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;color:#fff}.movie-overlay:hover{opacity:1}.movie-text{margin:20px}.movie-details{color:#fff;display:flex;max-width:800px;margin:0 auto;align-items:flex-end;padding-left:60px;float:left;position:fixed;bottom:60px}.movie-summary{text-shadow:1px 1px #000;margin:0 20px}.movie-poster{max-width:342px;border:5px solid #fff}.background-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.movie-rating{margin-left:30px;color:red;font-size:1.3rem}.tagline{font-style:italic;font-weight:500;font-size:20px;text-shadow:none}.back-button{position:absolute;left:0;margin:60px;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700;display:flex;text-shadow:1px 1px #000}.fa-arrow-alt-circle-left{font-size:2rem;align-items:center}.back-button-text{border:3px solid transparent}.back-button-text:after{content:"";display:block;width:0;height:3px;background:#fff;transition:width .4s ease-in}.back-button-text:hover:after{width:100%;box-shadow:1px 1px #000}.not-found-container{color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-container img{border-radius:10px}.loader-reel{height:150px;width:auto}.loader-overlay{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;background:#000;display:flex;justify-content:center;align-items:center}.loader-animation{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}@-webkit-keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:767px){.movie-card-container{display:grid;grid-template-columns:repeat(2,1fr)}.movie-details{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-left:0}.movie-summary{max-width:342px;margin-left:0;padding-bottom:20px}.back-button{margin:15px}}@media (min-width:768px) and (max-width:992px){.movie-card-container{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.bad59ada.chunk.css.map */