body{margin:0;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}*{box-sizing:border-box}.App-header{background-color:#f0be00;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;padding:1.5rem 0}.spinner{height:80px;margin:auto}.movies{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;width:100%}.movie{flex-direction:column;justify-content:flex-end;display:flex;flex-basis:20%;margin:0 15px 20px;border:2px solid #000}.image{flex-basis:80%;width:100%}.info{text-align:center;padding:.5rem 0;width:100%;background-color:#ffcb05}.info h4{width:15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin:.25rem auto}.details{width:80%;display:flex;flex-flow:row nowrap;margin:2rem auto;padding:10px;text-align:center;box-shadow:1px 1px 15px 1px #000}.left,.right{padding:1rem}.right{text-align:left}h2{font-size:1.6rem}h3{font-size:1.27rem}h4{font-size:1.1rem}.right h4{padding:0;margin:1rem auto}.right h3{text-decoration:underline;padding:0;margin:0 auto 1rem}.right span{font-size:1rem;margin-left:.5rem;font-weight:400}.left img{border:2px solid #000;margin:0 auto 1rem}.link{position:fixed;top:50%;left:0}.plus{padding:0;margin:.25rem 0}p{margin:0 auto .75rem}.App-header h2{margin:0}.errorMessage{margin:auto;font-weight:700;color:#a10f0f}.search{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px auto}input[type=submit]{padding:5px;background-color:transparent;color:#000;border:1px solid #000;width:120px;margin-left:5px;cursor:pointer;font-size:1.2rem}input[type=submit]:hover{background-color:#282c34;color:#faebd7}.search>input[type=text]{width:40%;min-width:170px;font-size:1.2rem}@media screen and (min-width:694px) and (max-width:915px){.movie{max-width:33%}}@media screen and (min-width:652px) and (max-width:693px){.movie{max-width:50%}}@media screen and (max-width:651px){.movie{max-width:100%;margin:auto}}
/*# sourceMappingURL=main.85ccf214.chunk.css.map */