@import url(https://fonts.googleapis.com/css2?family=Klee+One&display=swap);*{scroll-behavior:smooth;margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{font-family:"Klee One",cursive;margin:0;padding:0}.app{min-height:100vh;background-color:#11101d;color:#fff;padding:65px 0}.container{max-width:1300px;margin:auto}.pagetitle{text-transform:uppercase;font-size:32px;font-weight:700;letter-spacing:1.5px;margin-top:18px;margin-bottom:5px}.page,.pagetitle{display:flex;justify-content:center}.page{width:100%;padding:5px;margin-bottom:20px;margin-top:10px}@media only screen and (max-width:650px){.app{padding-top:55px}.container{max-width:90vw;margin:auto}.pagetitle{font-size:26px;margin-top:12px;margin-bottom:5px}}.media{width:280px;padding:6px;background-color:#fff;color:#000;border-radius:4px;margin:18px;transition:all .5s ease-out;letter-spacing:.5px;cursor:pointer}.details,.media{display:flex;flex-direction:column}.details{position:relative;justify-content:flex-end}.rating{font-size:50px}.poster{border-radius:4px;height:380px;object-fit:cover;margin-bottom:5px}.title{text-align:center}.subtitle,.title{width:100%;font-size:18px;padding:4px 0}.subtitle{display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px}@media only screen and (max-width:550px){.media{width:78%;font-size:15px}.media,.title{font-weight:700}.title{font-size:18px}.poster{height:380px}}.contentmodel{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;overflow-y:scroll;scrollbar-width:none}.contentmodel::-webkit-scrollbar{display:none}.contentModel-width-class{width:95%}.content-about{display:flex;flex-direction:column;padding-top:15px}.content-portrait{display:none;object-fit:contain}.content-landscape{object-fit:contain;border-radius:4px}.content-title{font-size:20px;font-weight:400;text-align:center;margin-bottom:18px;margin-top:-8px}.content-description{display:flex;height:200px;overflow-y:scroll;padding:10px 15px;scrollbar-width:thin;border:3px solid #fff;border-radius:4px;text-align:justify;margin-bottom:24px}.content-description::-webkit-scrollbar{display:none}.ybtn{background-color:#fff;display:flex;justify-content:center;border:none;outline:none;border-radius:4px;width:100%;height:42px;align-items:center;font-size:20px;font-family:"Klee One",cursive;font-weight:700;text-align:center;transition:all .25s ease-out;cursor:pointer;letter-spacing:1.5px}.yt{padding-right:5px;font-size:22px;padding-top:7px}.link{justify-content:center;text-decoration:none;color:#000}@media only screen and (min-width:835px){.contentModel-width-class{width:70%}.content-landscape{display:none}.content-portrait{display:flex;border-radius:4px}.tagline{font-size:20px}.contentmodel{flex-direction:row;justify-content:space-around;padding:5px 0}.content-about{display:flex;justify-content:center;width:58%;padding:0;height:100%}.content-title{font-size:28px}.content-description{font-size:22px;height:320px}.ybtn{background-color:#fff;display:flex;justify-content:center;border:none;outline:none;border-radius:4px;width:100%;height:45px;align-items:center;font-family:"KoHo",sans-serif;font-size:23px;font-weight:700;text-align:center;transition:all .5s ease-out;cursor:pointer}}.trending{flex-wrap:wrap}.Searchbar,.trending{display:flex;justify-content:center}.Searchbar{width:80%;margin:25px auto 20px;font-size:25px}.searchbox{width:50%;height:60px;padding:10px;outline:none;border:none;border-radius:4px;font-size:25px;background-color:#f5f5f5;font-family:"Klee One",cursive;font-weight:700}.btn{height:55px;display:flex;justify-content:space-evenly;margin:auto auto 10px}.b,.btn{width:48%}.b{color:#fff;letter-spacing:1px;background-color:initial;font-size:23px;font-family:"Klee One",cursive;border:3.5px solid #1d1b31;outline:none;border-radius:4px;cursor:pointer;transition:all .25s ease-out}@media only screen and (max-width:650px){.Searchbar{width:100%}.searchbox{height:50px;width:85%;font-size:22px}.btn{width:100%;justify-content:space-between;height:50px}.b{font-size:20px}}.body{margin:0;padding:0;box-sizing:border-box}.header{width:100%;height:65px;cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;text-transform:uppercase;background-color:#1d1b31;font-size:35px;letter-spacing:1.5px;font-weight:800;color:#fff;z-index:100}@media only screen and (max-width:650px){.header{height:55px;font-size:30px}}
/*# sourceMappingURL=main.bd22e1a0.chunk.css.map */