body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.movies{background-size:cover;display:flex;flex-wrap:wrap;justify-content:center}.movie-container{position:relative;width:50%}.movie-details{bottom:5%;color:#fff;left:5%;opacity:0;position:absolute}.details-img{height:auto;width:100%}.image-overlay{color:transparent;height:100%;position:absolute;transition:.5s ease;width:100%}.movie:hover>.movie-details{opacity:1}.movie:hover>.image-overlay{background-color:rgba(0,0,0,.6)}.details-container{background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;position:relative;width:100vw}.go-back-btn{background-color:initial;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;left:20px;padding:10px;position:absolute;top:20px}.go-back-btn:hover{background-color:#fff;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.poster-img{border:10px solid #fff;margin-left:20px;margin-top:20px;max-width:50vw}.movie-info{align-self:center;bottom:10vh;color:#fff;font-weight:500;justify-self:center;margin-bottom:20px;margin-left:20px}.title{text-shadow:1px 1px #4d4d4d}.overview{font-size:18px}.title-and-rating{display:flex}.rating{align-self:center;background-color:#fff;color:#000;margin-left:10px;padding:3px}@media (min-width:668px) and (max-width:1024px){.movie-container{width:33%}.details-container{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:2fr 1fr}.go-back-btn{grid-column:1/2}.poster-img{grid-column:1/2;justify-self:start;margin-bottom:20px;max-width:25vh}.movie-info,.poster-img{align-self:end;grid-row:2/3}.movie-info{grid-column:2/3;margin-left:5px}}@media (min-width:1025px){.movie-container{width:25%}.details-container{background-size:cover;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:.5fr 1fr 1fr;height:100vh;width:100vw}.go-back-btn{grid-column:1/2}.poster-img{grid-column:1/2;grid-row:2/4;justify-self:start;max-width:40vw}.movie-info,.poster-img{align-self:end;margin-bottom:20px;margin-left:20px}.movie-info{grid-column:2/3;grid-row:3/4;justify-self:end}}
/*# sourceMappingURL=main.3f75aca0.css.map*/