body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#223343;font-family:montserrat,sans-serif}header{padding:50px 15px 0}header h1{font-size:48px;font-weight:500}.loader-dummy,header h1{color:#fff;text-align:center}.loader-dummy{align-content:center;margin-top:150px}main{margin:0 auto;max-width:960px;width:100%}.searchbox,section{padding:15px}.searchbox{background:none;background-color:#eee;border:none;border-radius:8px;color:#53565a;display:block;font-size:20px;font-weight:300;outline:none;transition:.4s ease-out;width:100%}.searchbox:focus{box-shadow:0 0 8px 3px #4484c4}.results{display:flex;flex-wrap:wrap;margin:0 -15px}.results .result{cursor:pointer;display:flex;flex-direction:column;min-width:250px;padding:15px;width:33.333%}.results .result img{display:block;width:100%}.results .result h3{background:#445565;color:#fff;flex:1 1 100%;font-size:20px;font-weight:600;padding:10px;transition:.4s ease-out}.results .result:hover h3{background:#fff;color:#223343}.popup{background-color:#445565;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;width:100vw}.popup .content{color:#fff;display:block;line-height:1.5;margin:0 auto;max-width:960px;padding:25px;width:100%}.popup .content div h2{font-size:32px;font-weight:600}.popup .content h2 span{font-size:20px;font-weight:300}.popup .content .plot{display:flex;flex-wrap:wrap;margin:70px -15px 30px}.popup .content .plot div .rating{color:#ff0;font-size:20px;margin-bottom:30px;margin-top:20px}.popup .content .plot div p{font-size:18px;margin:auto;max-width:500px}.popup .content .plot img{flex:1 1 50%;max-width:300px;padding:0 15px}.popup .content .plot div{flex:1 1 50%;margin-top:20px;padding:15px}.popup .content .close{-webkit-appearance:none;appearance:none;background:#4484c4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:50px;outline:none;padding:15px 30px;transition:.4s ease-out}.popup .content .close:hover{background:#223343}
/*# sourceMappingURL=main.ad88c62c.css.map*/