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;height:100vh;margin:0;overflow:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow:hidden}:root{--pri-font-color:#000;--pri-font-color-light:#fff;--sec-font-color:#333;--pri-bg-color:#0e153a;--pri-bg-color-dark:grey;--pri-bg-color-light:#fff;--sec-bg-color:#e2f3f5;--sec-bg-color-dark:#9eaaac;--sec-bg-color-light:#ebf7f8;--pri-accent-color:#3d5af1;--pri-accent-color-light:#565b75;--pri-accent-color-dark:#0a0f29;--border-radius:10px;--transition:all 0.3s linear}*{box-sizing:border-box;margin:0;padding:0}@media screen and (min-width:600px){.App{max-width:1200px}}.App{background-color:var(pri-bg-color);color:#fff;margin:20px auto;max-height:100vh;max-width:100vw;overflow:none;position:relative}img{width:100%}img,svg{height:100%}button,svg{cursor:pointer}button{outline:none}.bottom:after{background-color:#0e153a;background-color:var(--pri-bg-color);content:"";height:100%;width:100vw}.accordion-items{background:linear-gradient(to bottom right,#fff,#f7f7f7);background:transparent;border-radius:3px;box-shadow:0 10px 15px -20px rgba(0,0,0,.3),0 30px 45px -30px rgba(0,0,0,.3),0 80px 55px -30px rgba(0,0,0,.1);margin:0 auto;max-width:95vw}.accordion-heading{background:rgba(0,0,0,.4);border-bottom:1px solid #e7e7e7;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.8px;padding:15px}.accordion-heading:nth-last-child(2){border-bottom:0}.accordion-heading:hover{background:rgba(0,0,0,.4);border-radius:0}.accordion-heading:first-child:hover{border-radius:3px 3px 0 0}.accordion-heading:nth-last-child(2):hover{border-radius:0 0 3px 3px}.toggleIcon{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #f5f5f5;display:inline-block;margin-top:5px;-webkit-transform:rotate(0);transform:rotate(0);transition:all .5s;vertical-align:middle}.showIcon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.notActive{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.accordion-content{background:transparent;font-size:13px;line-height:1.5;padding:15px}.accordion{left:0;position:relative;right:0;top:-100vh}.movielist-container{margin-top:3rem;max-height:70vh;overflow-y:"scroll"}.categories{align-items:center;background-color:var(--pri-bg-color);color:var(--pri-font-color-light);display:flex;justify-content:center;justify-content:space-between;overflow:scroll;padding:2rem}.categories::-webkit-scrollbar{display:none}.categories>*{align-items:center;border:1px solid var(--pri-accent-color);border-radius:5px;color:var(--pri-font-color-light);cursor:pointer;display:flex;justify-content:center;margin:0 .5rem;min-width:7rem;padding:.25rem;transition:var(--transition)}.categories>:hover,.current{background-color:var(--pri-accent-color);color:var(--pri-font-color)}header{background:var(--sec-bg-color);display:flex;justify-content:space-between;padding:1rem}.title{color:var(--pri-accent-color);font-size:.5rem;margin:0 2rem;max-width:20%;text-align:left}.title,.title>span{padding:-2.5rem .5rem}.title>span{color:var(--pri-accent-color-light);font-size:1rem}header>div{align-items:center;display:flex;justify-content:center}.box{position:relative}.input{background:none;border:4px solid var(--pri-accent-color);border-radius:50px;box-sizing:border-box;color:var(--pri-accent-color);font-family:inherit;font-size:20px;max-height:40px;outline:none;padding:10px;transition:.5s;width:40px}.box:hover input{background:var(--sec-bg-color);border-radius:10px;width:240px}.box svg{color:var(--pri-accent-color);font-size:20px;left:50%;margin:auto;position:absolute;right:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s}.box:hover svg{opacity:0;z-index:-1}.headline{background:var(--sec-bg-color);color:var(--pri-accent-color);display:inline-block;display:flex;justify-content:space-between;padding:.25rem 3rem}@media screen and (min-width:600px){.search-bar{min-width:10rem}.search{font-size:15px;margin-right:.75rem}.title h1{font-size:1.5rem;margin-bottom:.2rem}}.hero-movie{background-color:var(--pri-bg-color);min-height:100vh;overflow-y:none;position:relative}.hero-movie>*{z-index:0}.hero-movie .img-container{background-color:#000;bottom:0;left:0;min-height:100%;min-width:50%;opacity:.7;overflow-y:none;position:absolute;right:0;top:0;z-index:0}.modal{z-index:4}.modal,.modal-content{height:70vh;margin:auto 2rem}.modal-content{width:auto}.play-btn{color:var(--pri-accent-color);float:right;font-size:48px;font-weight:700;margin-left:4rem}.play-btn:focus,.play-btn:hover{color:#000;cursor:pointer;text-decoration:none}.movie_card{border-radius:10px;box-shadow:0 0 120px -25px rgba(0,0,0,.5);display:block;height:100%;position:relative;transition:all .4s;width:100%}.movie_card:hover{box-shadow:0 0 80px -25px rgba(0,0,0,.5);-webkit-transform:scale(1.01);transform:scale(1.01);transition:all .4s}.movie_card .info_section{background-blend-mode:multiply;border-radius:10px;height:100%;position:relative;width:100%;z-index:2}.movie_card .info_section .movie_header{height:40%;margin-right:auto;padding:25px;position:relative}.movie_card .info_section .movie_header h1{color:#000;font-weight:400;position:absolute;top:30px}.movie_card .info_section .movie_header h4{color:var(--pri-bg-color);font-weight:400;margin-top:2.25rem;position:absolute;top:30px}.movie_card .info_section .movie_header .genre{color:var(--pri-bg-color);display:flex;gap:1rem;margin-left:10px;margin-top:4rem;position:absolute;top:30px}.movie_card .info_section .movie_header .poster{box-shadow:0 0 20px -10px rgba(0,0,0,.5);display:block;float:left;height:200px;margin-right:20px;position:relative}.movie_card .info_section .movie_desc{height:50%;padding:25px}.movie_card .info_section .movie_desc .text{color:#545454;font-size:12px;font-style:italic;margin:1rem;width:100%}.movie_card .info_section .movie_social{height:10%;padding-bottom:20px;padding-left:15px}.movie_card .info_section .movie_social ul{list-style:none;padding:0}.movie_card .info_section .movie_social ul li{color:rgba(0,0,0,.3);display:inline-block;margin:0 10px;transition:color .3s;transition-delay:.15s}.movie_card .info_section .movie_social ul li:hover{color:rgba(0,0,0,.7);transition:color .3s}.movie_card .info_section .movie_social ul li i{cursor:pointer;font-size:19px}.movie_card .blur_back{background-size:cover;border-radius:11px;height:100%;position:absolute;right:0;top:0;z-index:1}@media screen and (min-width:768px){.movie_header{width:65%}.movie_desc{width:50%}.info_section{background:linear-gradient(90deg,#e5e6e6 50%,transparent)}.blur_back{background-position:-100% 10%!important;width:80%}}@media screen and (max-width:768px){.movie_card{height:100%;width:90%;z-index:4}.blur_back{background-position:50% 50%!important;height:80%;width:100%}.movie_header{margin-top:10px;width:100%}.movie_desc{width:100%}.movie_card .info_section .movie_header .poster{display:none}.info_section{background:linear-gradient(0deg,#e5e6e6 50%,transparent);display:inline-grid}.movie_card .info_section .movie_desc .text{color:#545454;font-size:14px;font-style:italic;margin:3rem auto;width:100%}}.movie-list>h4{background-color:var(--pri-bg-color);color:var(--pri-font-color-light);font-size:1.5rem;margin:2rem .5rem .5rem;position:relative;text-align:center;z-index:2}.movie-list>h4:after{background-color:var(--pri-accent-color);content:"";display:block;height:2px;margin:.3rem auto;width:5rem}.movie-carousel{grid-gap:.01vw;display:grid;gap:.01vw;grid-auto-columns:auto-fill(30%);grid-auto-flow:column;min-height:200px;overflow-x:auto;scroll-snap-type:inline mandatory}.movie-carousel::-webkit-scrollbar{display:none}.movie-card{border-radius:5px;box-shadow:7px 10px 10px -1px rgba(61,90,241,.16),-7px -10px 10px -3px rgba(14,21,58,.7);height:250px;margin:1rem;position:relative;transition:var(--transition);width:150px}.movie-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.movie-card .poster{border-radius:10px;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.movie-card .logo{border-bottom-right-radius:10px;border-top-left-radius:10px;height:30px;left:3px;position:absolute;top:3px;width:30px}.movie-card .top-ten{align-items:center;background-color:var(--pri-accent-color);border-bottom-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;height:50px;justify-content:center;position:absolute;right:0;top:0;width:30px;z-index:1}.movie-card .new-episodes{background-color:darkred;bottom:5px;margin:0 10%;padding:.25rem .3rem;position:absolute;z-index:1}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:block;height:80vh;left:0;margin:15vh auto;overflow:none;position:fixed;top:0;width:100%;z-index:6}.modal-content{background-color:#fefefe;border:1px solid #888;height:50vh;margin:auto;padding:5px;width:80%}.close{color:var(--pri-accent-color);float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.trailer{height:100%;width:100%}
/*# sourceMappingURL=main.a31b397f.css.map*/