body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#eff3f7}#root,body,html{height:100%}.App{padding:50px;display:flex;justify-content:space-around;flex-wrap:wrap;font-size:14px}.App--loading{display:flex;justify-content:center;align-items:center;height:100%}.Movie{background-color:#fff;width:40%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:50px;padding:0 20px;box-shadow:0 8px 38px hsla(0,0%,52.2%,.3),0 5px 12px hsla(0,0%,52.2%,.22)}.Movie,.Movie__Column{text-overflow:ellipsis}.Movie__Column{width:30%;box-sizing:border-box}.Movie__Column:last-child{padding:20px 0;width:66.5%}.Movie h1{font-size:20px;font-weight:600}.Movie .Movie__Genres{display:flex;flex-wrap:wrap;margin-bottom:20px}.Movie__Genres .Movie__Genre{margin-right:10px;color:#b4b5bd}.Movie .Movie__Synopsis{text-overflow:ellipsis;color:#b4b5bd;overflow:hidden}.Movie .Movie__Poster{max-width:100%;position:relative;top:-20px;box-shadow:-10px 19px 38px rgba(83,83,83,.3),10px 15px 12px rgba(80,80,80,.22)}@media screen and (min-width:320px) and (max-width:667px){.Movie{width:100%}}@media screen and (min-width:320px) and (max-width:667px) and (orientation:portrait){.Movie{width:100%;flex-direction:column}.Movie__Poster{top:0;left:0;width:100%}.Movie__Column{width:100%!important}}
/*# sourceMappingURL=main.cd5bab8f.chunk.css.map */