@import url(http://fonts.cdnfonts.com/css/aquino);@import url(https://fonts.googleapis.com/css2?family=Oxygen&family=Rubik:wght@300&family=Space+Grotesk&family=Stick&display=swap);@import url(https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@200;300;400;700;800&display=swap);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}.light{--clr-txt:#000;--clr-txt-1:#9a9a9a;--clr-bg:#fffffe;--clr-card-bg:#f1f3f6;--clr-title:#3a4257;--clr-title-1:#3c8ce7;--clr-span:#f66;--clr-btn-bg:#6cc164;--clr-header-bg:#3db2ff;--clr-danger:#f66;--clr-grad:linear-gradient(135deg,#3c8ce7 10%,#00eaff);--clr-transparent:hsla(0,0%,100%,0.7);transition:all .5s ease-in}.dark{--clr-bg:#0a0a0a;--clr-txt:#fff;--clr-txt-1:#9a9a9a;--clr-transparent:rgba(0,0,0,0.7);--clr-grad:linear-gradient(135deg,#3c8ce7 10%,#00eaff);--clr-card-bg:#111112;--clr-title:#53b8bb;--clr-span:#ffc964;--clr-btn-bg:#6cc164;--clr-header-bg:#3db2ff;--clr-danger:#f66;transition:all .3s ease}*{margin:0;padding:0;outline:none;box-sizing:border-box;font-family:"Rubik",sans-serif;transition:background .5s ease;scroll-behavior:smooth}body{background-color:var(--clr-bg);min-height:100vh;font-family:"Lato";overflow-x:hidden;transition:all .3s ease}body,nav{width:100%}nav{background:var(--clr-header-bg);display:flex;top:0;flex-wrap:wrap;position:fixed;align-items:center;justify-content:space-between;height:70px;z-index:99;box-shadow:0 3px 5px rgba(57,63,72,.3);border-radius:0 0 10px 10px}nav .logo{font-family:"Stick",sans-serif;color:var(--clr-bg);text-decoration:none;font-size:30px;margin-left:24px}nav form{display:flex;height:40px;margin-right:30px;padding:2px;background:var(--clr-bg);min-width:18%!important;border-radius:150px;border:1px solid hsla(0,0%,60.8%,.2)}nav form .search{width:100%;height:100%;padding:0 10px;color:var(--clr-txt);font-size:17px;border:none;font-weight:500;background:none;outline:none}nav .theme-icon{color:var(--clr-bg);margin-right:10px}nav form button{padding:5px;color:var(--clr-bg);font-size:14px;background:var(--clr-header-bg);border:none;border-radius:100%;cursor:pointer}nav form button:hover{background:var(--clr-title)}nav .cancel-icon,nav .menu-icon,nav .search-icon{width:40px;text-align:center;margin:0 50px;font-size:18px;color:var(--clr-bg);cursor:pointer;display:none}nav .cancel-icon,nav .menu-icon span,nav .search-icon{display:none}.items{display:flex;align-items:center;justify-content:space-between;margin-right:20px}search::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}@media (max-width:1245px){nav{padding:0 50px;border-radius:0 0 10px 10px}}@media (max-width:1140px){nav{padding:0;border-radius:0 0 10px 10px}nav .logo{flex:2 1;text-align:center}nav form{position:absolute;top:80px;right:50px;opacity:0;pointer-events:none;transition:top .3s ease,opacity .1s ease}nav form.active{top:89px;opacity:1;pointer-events:auto;z-index:999}nav form:before{position:absolute;content:"";top:-10px;right:1px;width:0;height:0;z-index:-1;border:10px solid transparent;border-bottom:10px solid var(--clr-txt-1);margin:-20px 0 0}nav form:after{position:absolute;content:"";height:60px;padding:2px;background:var(--clr-txt-1);border-radius:8px;min-width:calc(100% + 20px);z-index:-2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav .search-icon{display:block}nav .search-icon.hide{display:none}nav .cancel-icon.show{display:block;color:var(--clr-danger)}}@media (max-width:980px){nav .cancel-icon,nav .menu-icon,nav .search-icon{margin:0 10px}nav{border-radius:5px 5px 20px 20px}nav .logo{margin-left:0}nav form{right:50px}}@media (max-width:350px){nav .cancel-icon,nav .menu-icon,nav .search-icon{margin:0 4px;font-size:16px}nav .logo{margin-left:5px}nav{border-radius:5px 5px 20px 20px}nav form{right:38px}.items{margin-right:10px}}.wrapper{width:100%;height:auto;left:0;background-color:var(--clr-bg);display:flex;flex-wrap:wrap;margin:70px 0 0;justify-content:space-evenly;padding-top:18px}.card{flex:1 1;flex-basis:300px;flex-grow:0;margin:10px;height:440px;background:var(--clr-bg);border:none;box-shadow:0 16px 40px rgba(0,0,0,.5);cursor:pointer;transition:all .5s cubic-bezier(.8,.5,.2,1.4);overflow:hidden;position:relative;border-radius:10px}.card img{width:100%;height:100%;object-fit:cover;transition:all .5s cubic-bezier(.8,.5,.2,1.4)}.description{position:absolute;top:0;left:0;background-color:var(--clr-transparent);width:100%;height:100%;transition:all .7s ease-in-out;padding:20px;box-sizing:border-box;border:none;-webkit-clip-path:circle(0 at 100% 100%);clip-path:circle(0 at 100% 100%)}.card:hover .description{left:0;transition:all .7s ease-in-out;-webkit-clip-path:circle(75%);clip-path:circle(75%)}.card:hover{box-shadow:4px 4px var(--clr-header-bg),2px 2px var(--clr-header-bg),3px 3px var(--clr-header-bg);-webkit-transform:translateX(-3px);transform:translateX(-3px)}.card:hover,.card:hover img{transition:all .5s cubic-bezier(.8,.5,.2,1.4)}.card:hover img{-webkit-transform:scale(1.6) rotate(20deg);transform:scale(1.6) rotate(20deg);-webkit-filter:blur(3px);filter:blur(3px)}.card h1{font-family:"Aquino",sans-serif;color:var(--clr-title);letter-spacing:1px;font-size:18px;margin-bottom:10px}.card p{color:var(--clr-txt);line-height:24px;height:auto;overflow:auto}.card ::-webkit-scrollbar{width:0}.card .btn{padding:10px;cursor:pointer;position:absolute;text-decoration:none;bottom:20px;border:none;border-radius:10px;background-color:var(--clr-btn-bg);color:var(--clr-txt);font-size:15px;outline:none;box-shadow:0 2px 3px rgba(0,0,0,.4)}.card .btn,.card .btn:hover{transition:all .5s ease-in-out}.card .btn:hover{-webkit-transform:scale(.95) translateX(-5px);transform:scale(.95) translateX(-5px)}.card .vote{background:gold;color:var(--clr-txt);float:right;font-weight:700;padding:10px;position:fixed;right:25px;bottom:20px;z-index:999;border:none;border-radius:100%}.pagination{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--clr-bg);color:var(--clr-txt)}ul{list-style-type:none}.page{height:5rem;margin:3rem;border-radius:.6rem;background:var(--clr-bg);box-shadow:0 .8rem 2rem rgba(90,97,129,.05)}.current,.page,.page__btn{display:flex;justify-content:center;align-items:center}.current,.page__btn{margin:.8rem;font-size:1.4rem;cursor:pointer}.current{width:2rem;height:2rem;padding-right:1px;border-radius:100%;color:var(--clr-bg);background:var(--clr-grad);font-weight:600;border:1px solid var(--clr-grad)}.page__btn{color:var(--clr-title-1)}.disabled{color:var(--clr-txt-1);pointer-events:none}.page__btn:hover{color:var(--clr-span)}.backdrop_img{object-fit:cover}.backdrop_img,.bg{width:100%;height:100%;position:fixed;top:0;left:0}.bg{background:#000;opacity:.5}::-webkit-scrollbar{width:0}.poster{height:350px;width:250px}.poster img{border-radius:5px}.banner,.poster img{width:100%;height:100%}.banner{position:relative;margin:0;min-height:100vh;padding:0 100px;display:flex;justify-content:flex-start;flex-direction:column}.banner .content{display:flex;margin-top:50px;align-items:center}.contents{margin-left:30px}.banner .content h2{text-transform:uppercase;font-size:2.5em;font-weight:800}.banner .content h2,.banner .content h6{font-family:"Stick No Bills",sans-serif;letter-spacing:.1em;color:#fff}.banner .content h6{font-size:1em;font-weight:700}.banner .content p{font-size:1.2em;font-weight:300;letter-spacing:.02em;line-height:1.5em;color:#eefeef;margin:15px 0;max-width:586px}.banner .content ul{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:inherit;margin-bottom:20px}.banner .content ul li{margin:5px;padding:8px;border:none;border-radius:25px;color:#eee;font-size:15px;outline:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.4);transition:all .5s ease-in-out}.videos{display:flex;flex-direction:column;justify-content:flex-start}.videos h3{font-size:20px;margin:20px 0 18px;font-weight:700;letter-spacing:.1em;color:#fff}.videos ul{display:flex;flex-direction:row;flex-wrap:wrap}.videos ul li{margin:0 15px 15px 0;box-shadow:0 2px 5px rgba(0,0,0,.4)}.vote-rate{background:gold;color:#000;position:fixed;padding:8px;border-radius:100%;top:24px;font-size:20px;font-weight:700;right:24px}.play{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;color:#fff;text-transform:uppercase;font-weight:500;text-decoration:none;letter-spacing:2px;cursor:pointer;font-size:1.2em}.play img{margin-right:10px;max-width:50px}.slide{position:absolute;bottom:50px;left:calc(50% - 125px);width:250px;height:150px;background-repeat:no-repeat;background-size:cover;border-radius:10px;cursor:pointer;-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite}@-webkit-keyframes animate{0%,to{background-position:top}45%,55%{background-position:bottom}}@keyframes animate{0%,to{background-position:top}45%,55%{background-position:bottom}}.trailer .close{position:absolute;top:30px;right:30px;cursor:pointer;-webkit-filter:invert(1);filter:invert(1);max-width:32px}@media (max-width:991px){.banner{padding:100px 50px}.banner .content{margin-top:-10px;flex-direction:column}.banner .content,.contents{justify-content:center;align-items:center}.contents{display:flex;margin:0;flex-wrap:wrap}.banner .content h2{font-weight:400;font-size:2em;letter-spacing:.05em}.banner .content p{font-size:1em}.vote-rate span{right:42px}}.err-container{height:100%;margin:80px 10px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.err-title{font-size:24px;-webkit-animation:slideDown .3s linear;animation:slideDown .3s linear}.err-text{font-size:1.25rem;margin-top:.5rem}.err-lost-image{max-width:300px}.err-btn{margin-top:20px;padding:8px;border:5px solid #82add8;background:#82add8;border-radius:1rem;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:600}
/*# sourceMappingURL=main.ef2cd03d.chunk.css.map */