@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap);body{margin:0;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#34558b}a,body{color:#fff}a{text-decoration:none}.movie-main-container{max-width:1400px;margin:auto;text-align:center}header{background:#46679d;padding:1rem;margin:1rem;border-radius:5px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.movie-search{background-color:#46679d;border:2px solid #34558b;border-radius:50px;color:#fff;padding:.8rem 1rem;outline:unset;width:100%;max-width:320px;font-size:1rem}.movie-search::-webkit-input-placeholder{color:hsla(0,0%,100%,.459);opacity:1}.movie-search:-ms-input-placeholder{color:hsla(0,0%,100%,.459);opacity:1}.movie-search::placeholder{color:hsla(0,0%,100%,.459);opacity:1}.movie-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.hide{display:none!important}.movie{-webkit-flex:45% 1;flex:45% 1;margin:1rem;background:#46679d;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.1);overflow:hidden;position:relative;cursor:pointer}.movie img{object-fit:cover;width:100%}.movie-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem}.movie-info h3{margin:0;padding-right:10px}.tag{background:#34558b;padding:.5rem;border-radius:5px;font-weight:700}.tag.green{color:#90ee90}.tag.orange{color:orange}.tag.red{color:red}.movie-over{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -3px 5px rgba(0,0,0,.1);color:#34558b;padding:1rem;-webkit-transform:translateY(102%);transform:translateY(102%);transition:.3s;overflow:auto;max-height:100%}.movie:hover .movie-over{-webkit-transform:translateY(0);transform:translateY(0)}.popup .content .close,header a{box-shadow:2px 3px 0 0 #34558b;background:linear-gradient(180deg,#79bbff 5%,#34558b);background-color:#79bbff;border-radius:5px;border:1px solid #337bc4;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:14px;padding:.35rem .8rem;text-decoration:none;text-shadow:0 1px 0 #1f314e;transition:.3s;margin-right:10px;text-transform:uppercase}.popup .content .close{font-size:1.1rem}.popup .content .close:hover,header a:hover{background:linear-gradient(180deg,#34558b 5%,#79bbff);background-color:#378de5}header a:active{position:relative;top:2px}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1f314e;z-index:999;overflow-y:scroll}.popup .content{display:block;width:100%;max-width:960px;margin:3rem auto;color:#fff}.popup .content h2{font-size:2rem;font-weight:500}.popup .content span{font-size:1rem;font-weight:300}.popup .content .rating{margin-bottom:2rem}.popup .content .plot{padding:1rem}.popup .content .plot img{width:100%;max-width:650px}.popup .content .plot p{-webkit-flex:1 1 50%;flex:1 1 50%;padding:1rem}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
/*# sourceMappingURL=main.a5cd07d0.chunk.css.map */