body{margin:0;font-family:"Baloo 2",cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}a{text-decoration:none;color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.headerbox{display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;background-color:#caf0f8;color:#000;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:9999999}.logo{padding-left:10px;font-family:"Pacifico",cursive;font-size:18px}.nav{display:flex;padding:5px}.nav li{cursor:pointer;padding:0 10px;list-style-type:none}.free,.trending{overflow-y:hidden;overflow-x:scroll;padding:10px}.popular{background-color:#fafafa}.free{background-color:rgba(202,240,248,.452)}.cardbox{display:flex;line-height:1;min-height:200px;line-height:.85}.card{width:150px;padding:20px;margin:10px 15px;transition:all .3s ease-in;cursor:pointer;text-align:center}.card:hover{transform:scale(1.05)}.rate{color:#000;font-weight:600}.thumbnail{width:150px;border-radius:20px}.movie-name{font-weight:600}.movie-date{color:#777}.category{display:flex;padding:5px 20px}.bg-light-brown{background:#f5f0ea}.bg-brown{background:#dcd7d1}.sort{display:flex;justify-content:space-around;padding-left:0;margin-left:20px;font-weight:600}.sort li{list-style-type:none;cursor:pointer;padding:10px}.active,.sort li:hover{font-weight:900}.active{border-bottom:1px solid #000}#series,#series-week,#week{display:none}.trailer{min-height:400px;background-position:top;background-repeat:no-repeat;background-size:cover;padding-top:40px;background:linear-gradient(to left bottom,hsla(0,0%,92.5%,.116),hsla(0,0%,87.8%,.123)),url(https://res.cloudinary.com/benjee/image/upload/v1590622462/three-assorted-movie-posters-3137890_1_kkoltb.jpg)}.trailer-heading{margin-left:10px}#play{color:#8d7f73;transform:translateY(-120px)}.scroll{overflow-x:scroll;overflow-y:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f0ea}::-webkit-scrollbar-thumb{background:#7e7e7e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#888}.menu{position:-webkit-sticky;position:sticky;top:0;padding:10px 20px;display:flex;justify-content:space-between;background-color:#dcd7d1;z-index:99999}.logo{width:100px}.search{margin-right:20px}.menu ul{text-align:center;display:flex;list-style-type:none}.menu ul li{padding:10px;font-weight:600;font-size:18px}.menu ul li:hover{color:#fdfcfb}.menu-list ul{display:flex;list-style-type:none;justify-content:space-around}.load-more{position:absolute;bottom:0}.searchbox{min-height:200px;background-image:linear-gradient(to left bottom,rgba(0,0,0,.274),rgba(0,0,0,.288)),url(https://res.cloudinary.com/benjee/image/upload/v1589724348/couple-love-sitting-evening-4009409_e2aivw.jpg);background-position:50%;background-size:cover;color:#fefefe;padding:20px 30px;font-size:30px}h1{line-height:1}.header-sub{font-size:24px;font-weight:400;text-align:left}.searchbox input[type=text]{padding:15px 20px;color:#333;width:70%;border-radius:30px}.btn,.searchbox input[type=text]{background:#fefefe;border:none;outline:none}.btn{transform:translate(-50px,3px);cursor:pointer}.btn-icon{font-size:18px}.wrap{flex-wrap:wrap;justify-content:center}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border:1.1em solid hsla(0,0%,60.8%,.2);border-left-color:#dcd7d1;transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 .8s linear infinite}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overview-box{min-height:100vh;background-position:50%;background-size:cover;padding:40px 10px;color:#eee;line-height:1.5;font-size:18px}.back{color:#eee;cursor:pointer}.thumbnail-box{min-height:200px;padding:10px 70px;text-align:center}.thumbnail-details{width:300px;border-radius:30px}.overview-details{text-align:left;padding:2px 20px}.watch-trailer{font-size:20px;color:#e0e0e0}.watch-trailer:hover{color:#c4c4c4}.mute-text{color:#777}@media (max-width:768px){.overview-box{flex-wrap:wrap}.thumbnail-details{width:70%}}@media(min-width:768px){.overview-box{display:flex}}
/*# sourceMappingURL=main.8069e39b.chunk.css.map */