*{margin:0;padding:0;box-sizing:border-box}body{font-family:monospace,sans-serif;background-color:salmon}header{padding:50px 15px 0}header h1{color:#fff;font-size:50px;font-weight:600;text-align:center}main{width:100%;max-width:960px;margin:0 auto}.searchbox,section{padding:15px}.searchbox{background-color:#f3c4c4;border-radius:10px;border:none;outline:none;color:#5c5c5c;font-size:20px;font-weight:400;display:block;width:100%;transition:.4s ease-out}.searchbox:focus{box-shadow:0 0 8px 3px #286aac}.results{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.results,.results .result{display:-webkit-flex;display:flex}.results .result{cursor:pointer;-webkit-flex-direction:column;flex-direction:column;padding:15px;min-width:250px;width:33.3333%}.results .result img{display:block;width:100%}.results .result h3{text-align:center;background:#f0fff0;color:#deb887;font-weight:600;font-size:20px;padding:10px;-webkit-flex:1 1 100%;flex:1 1 100%;transition:.5 ease-out}.results .result:hover h3{background:#258585;color:#713385}.info{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#623b76;overflow-y:scroll}.info .content{display:block;width:100%;max-width:960px;margin:0 auto;padding:25px;color:#fff}.info .content h2{font-weight:600;font-size:28px}.info .content h2 span{font-weight:300;font-size:20px}.info .content .rating{margin-bottom:30px}.info .content .plot{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px 30px}.info .content .plot img{-webkit-flex:1 1 50%;flex:1 1 50%;max-width:300px;padding:0 15px}.info .content .plot p{-webkit-flex:1 1 50%;flex:1 1 50%;padding:15px}.info .content .close{display:inline-block;padding:12px 50px;font-size:18px;font-weight:700;background:#f8b0aa;color:#fff;border-radius:6px;border:none;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:.5 ease-out}.info .content .close:hover{background:#2e8b57}
/*# sourceMappingURL=main.84ef57f7.chunk.css.map */