body{background:#eee;font-family:cursive}#main h1{color:#444;text-align:center}#main{box-sizing:border-box;width:60%;height:100%}#main,#movie-list{padding:0}#movie-list li{display:inline-block;margin:12px;padding:10px;border-radius:4px;border:1px solid #880e4f;box-shadow:1px 2px 3px rgba(0,0,0,.3);cursor:pointer;color:#880e4f}form{background:#fff;padding:20px;position:fixed;left:0;bottom:0;width:400px}form .field{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}form label{text-align:right;padding:6px}0% input,form select{margin:4px;padding:6px;box-sizing:border-box}form button{font-size:2em;border:0;padding:0 10px;cursor:pointer;position:absolute;bottom:10px;left:10px}#movie-details,form button{color:#fff;background:#ad1457}#movie-details{position:fixed;top:0;right:0;width:40%;height:100%;padding:30px;overflow:auto;box-shadow:-2px -3px 5px rgba(0,0,0,.3);box-sizing:border-box}
/*# sourceMappingURL=main.a65a0d3f.chunk.css.map */