@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;font-size:15px;height:100vh;justify-content:space-between;transition:all .5s ease-in-out;width:100%}@media (max-width:1000px){.App{flex-direction:column}}.left{border-right:1px solid #302f2f;padding:1.5rem 1rem;width:17%}.logo{align-items:center;display:flex;font-size:1.5rem;font-weight:500}.logo span{font-size:2.5rem;font-weight:500;margin-right:5px}.icon{color:#a70505}.categories,.menu{color:#aaa8a8;margin-left:2rem;margin-top:3rem}.categories h3,.menu h3{margin-bottom:1.5rem}.categories div,.menu div{cursor:pointer;margin-top:13px;text-transform:capitalize}.categories div:hover,.menu div:hover{color:#fff}.iconR,.searchBarR{display:none}@media (max-width:1300px){.left{padding:1.5rem .5rem;width:20%}.logo{font-size:1.25rem}.logo span{font-size:2rem}}@media (max-width:1000px){.left{align-items:center;display:flex;justify-content:space-between;margin-top:-.8rem;padding:.5rem;width:100%}.menu{display:none}.logo{font-size:1.5rem}.logo span{font-size:2.5rem}.iconR,.searchBarR{display:block}.resp{display:flex;justify-content:space-between}.iconR{cursor:pointer;margin-right:3.5rem;margin-top:2rem}.favR{background-color:#3c3b3b;border-radius:5px;margin-right:2rem;max-height:85vh;overflow-y:scroll;padding:1rem;position:absolute;right:0;top:3.5rem;z-index:222}}@media (max-width:800px){.left{z-index:11}.menu div{font-size:.9rem}}@media (max-width:500px){.logo{font-size:1.1rem}.logo span{font-size:1.8rem}.iconH{margin-right:3rem}}.middle{border-right:1px solid #302f2f;display:flex;flex:3 1;flex-direction:column;overflow-y:scroll}::-webkit-scrollbar{display:none}.header{color:#aaa8a8;display:flex;font-size:1.3rem;font-weight:500}.header div{cursor:pointer;margin:0 10px}.header div:hover{color:#fff}.link{color:inherit;text-decoration:none}.active{border-bottom:2px solid #fff}.active,.activeL{color:inherit;color:#fff;text-decoration:none}.activeL{font-size:1.3rem}.banner{background-repeat:no-repeat;border-radius:20px;height:26rem;margin-top:3rem;object-fit:contain;position:relative}.content{bottom:0;padding:2rem;width:60%}.content,.help{position:absolute}.help{background-color:hsla(0,3%,6%,.3);height:100%;width:100%}.content div{margin:10px 0}.inner-content{display:flex;font-size:1.1rem;font-weight:500}.name{font-size:2.5rem;font-weight:700}.description{letter-spacing:1px}.inner-content .vote{align-items:center;border:2px solid #fff;border-radius:5px;display:flex;justify-content:center;margin-right:2rem;padding:1px 5px}.btns button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.06rem;font-weight:700;margin-right:20px;margin-top:.5rem;outline:none;padding:6px 20px;transition:all .5s}.watch{background-color:#a70505}.add span,.watch span{margin-left:5px}.add{background-color:hsla(0,4%,5%,.4)}.watch a{color:#fff;text-decoration:none}.watch a:hover{color:#000}.watch:hover{background-color:#dcdcdc;color:#a70505;color:#000}.add:hover{background-color:#fff;color:#000}.res{background-color:hsla(0,3%,7%,.8);color:#aaa8a8;padding:1rem;right:0;top:0;width:50%;z-index:111}.hamburger,.res{position:absolute}.hamburger{cursor:pointer;display:none;font-size:1.8rem;right:16px;top:23px}.menuR{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.close{cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:25px;z-index:2222;z-index:333}.homepage{padding:2.3rem 1.5rem}@media (max-width:1250px){.content{width:68%}}@media (max-width:1150px){.content{padding:1rem}.name{font-size:2rem}.description{font-size:13px}.banner{height:21rem}}@media (max-width:1000px){.middle{overflow-y:visible}.hamburger{display:block}.banner{margin-top:1.5rem}.homepage{margin-top:-3rem}}@media (max-width:500px){.banner{height:20rem}.res{width:70%}.content{width:100%}.hamburger{font-size:1.5rem;z-index:2222}.header{font-size:1.1rem}.btns button{padding:3px 9px}.btns button,.close{font-size:1rem}.name{font-size:1.6rem}.homepage{margin-top:2.5rem;padding:.3rem .7rem}}.head{align-items:center;display:flex}.iconH{color:#a70505;font-size:1.8rem;margin-bottom:14px;margin-left:10px;position:relative}.num{background-color:#fff;border-radius:50%;color:#000;font-size:.7rem;font-weight:700;left:22px;padding:1px 5px;position:absolute;top:0}.favorites{overflow-y:scroll;width:100%}.favorites h2{margin-bottom:1.5rem}.fav-card{display:flex;margin-bottom:1.6rem}.fav-card img{border-radius:5px;cursor:pointer;height:4.5rem;margin-right:2rem;width:4rem}.details{display:flex;flex-direction:column;font-size:.85rem;justify-content:space-evenly;width:50%}.ratings{align-items:center;display:flex;justify-content:space-between}.name-side{font-size:.8rem}.genre{color:#aaa8a8}.imdb{background-color:#ff0;border-radius:5px;color:#000;font-weight:500;padding:2px 4px}.ratings-in{align-items:center;display:flex;justify-content:space-between}.point{margin-left:5px}.delete{cursor:pointer;font-size:1.1rem}.delete :hover{color:#fff}@media (max-width:1250px){.details{font-size:.7rem}}@media (max-width:1000px){.favorites{overflow-y:visible}}@media (max-width:500px){.iconH{font-size:1.5rem}.num{font-size:.5rem;padding:1px 4px}.fav-card img{height:3.5rem;width:3rem}.details{font-size:.6rem}}.row{margin-top:2rem}.heading{font-size:1.5rem;font-weight:500;text-transform:uppercase}.wrapper{margin:1rem}.card{background-color:#282727;border:15px solid #111;position:relative}.card img{cursor:pointer;height:16rem;width:100%}.card-content .plus{background-color:hsla(0,5%,4%,.5);border-radius:5px;cursor:pointer;font-size:22px;padding:6px 9px;position:absolute;right:.8rem;top:.8rem}.card-content .info{font-size:.85rem;margin-bottom:10px;margin-top:10px;text-align:center}.card-content .plus:hover{background-color:rgba(167,5,5,.3)}.card-rating{align-items:center;display:flex;justify-content:center}.newPlus{background-color:#a70505;border-radius:5px;color:#fff;cursor:pointer;cursor:default;font-size:22px;padding:6px 9px;position:absolute;right:.8rem;top:.8rem}@media (max-width:1150px){.heading{font-size:1.2rem}.card{background-color:#282727;border:8px solid #111;position:relative}.card img{height:14rem}.row .card img{height:11rem}.card-content .info{font-size:.75rem}}@media (max-width:1000px){.card{border:22px solid #111}}@media (max-width:500px){.row .card{border:6px solid #111}.card img{height:10rem}.heading{font-size:1.1rem}.card-content .plus,.newPlus{font-size:13px}.card-content .info{font-size:.8rem;margin-top:5px}.card{border:6px solid #111;height:15rem}.row .card img{height:10rem}}.spinner{align-items:center;display:flex;height:80vh;justify-content:center}.spinnerImage{width:4rem}.category{margin:2rem 1.3rem}.cardHolder{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:1rem}.inn{width:16rem}.loadMore{display:flex;justify-content:space-between;margin-top:1.5rem}.btnIn{background-color:#282727;border-radius:5px;cursor:pointer;font-size:18px;font-weight:700;padding:6px 12px}.btn{position:relative}@media (max-width:1000px){.category{margin-top:-.8rem}}@media (max-width:500px){.inn{width:10rem}.category{margin:3rem 0 0}.loadMore{margin:1rem}.btnIn{font-size:12px}}.detailPage{height:70vh;position:relative}.layout{display:flex;padding:8rem 5rem;z-index:11}.fadeBottom,.layout{position:absolute;width:100%}.fadeBottom{background-image:linear-gradient(180deg,transparent,hsla(0,0%,7%,.8),#111);bottom:0;height:70vh;z-index:1}.detailsIn{display:flex;flex-direction:column;justify-content:flex-start;margin-left:3rem}.detailsIn div{margin-top:10px}.image img{height:19rem;width:15rem}.title{font-size:2.5rem}.genres{display:flex}.genres div{border:2px solid #838282;border-radius:3px;margin:5px;padding:1px 4px}.tagLine{font-size:1.1rem}.genres{font-weight:700}.descrip{font-size:.95rem}.imdbIn span{background-color:#ff0;border-radius:3px;color:#000;font-weight:700;margin-right:10px;padding:2px 4px}.wrapperIn{margin:1rem 3rem}.wrapperIn h2{border-bottom:1px solid #5f5c5c;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.cast img{border-radius:1rem;height:9rem;margin:auto}.noImage{width:6.5rem}.about{color:#b7b5b5;font-size:.8rem;margin-top:7px;text-align:center}.character{color:#fff;font-size:.85rem;font-weight:500}@media (max-width:1350px){.layout{padding:4rem .5rem}}@media (max-width:1200px){.title{font-size:2rem}.detailsIn div{font-size:13px}.character{font-size:.7rem}.about{font-size:.6rem}.cast img{height:8rem}.image img{height:16rem;width:12rem}}@media (max-width:500px){.detailPage{height:57vh}.image img{height:13rem;width:8rem}.detailsIn{margin-left:1rem;width:55vw}.title{font-size:1.4rem}.detailsIn div{font-size:10px}.wrapperIn{margin:0 2rem}.wrapperIn h2{font-size:1.1rem}.cast img{height:6rem}.noImage{width:4.2rem}.genres{display:flex;flex-wrap:wrap}}.searchPage{margin:2.3rem 1.5rem}.notFound{align-items:center;display:flex;font-size:2rem;height:80vh;justify-content:center}.notFound div{margin:10px}.alert{color:#ff0}@media (max-width:1000px){.searchPage{margin:-1rem 1.5rem}}@media (max-width:500px){.searchPage{margin:3rem 0 0}}.right{display:flex;flex-direction:column;padding:1.5rem 1rem;text-align:left;width:17%}.searchBar{margin-bottom:1.5rem;margin-top:.8rem;width:90%}.searchBar input{background-color:#111;border:1px solid #aaa8a8;border-radius:5px;color:#aaa8a8;font-size:15px;outline:none;padding:12px}@media (max-width:1300px){.right{width:20%}.head h2{font-size:1.2rem}.fav-card img{margin-right:10px}.searchBar input{width:10rem}}@media (max-width:1000px){.right{display:none}.searchBar input{margin-top:.5rem;padding:6px}}@media (max-width:500px){.searchBar{margin-bottom:.5rem}.searchBar input{left:36px;padding:5px 7px;position:absolute;top:4rem;width:8rem;width:79%}.head h2{font-size:1rem}}
/*# sourceMappingURL=main.e3255bf9.css.map*/