@import url(https://framer-ui.netlify.app/components/framer.css);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#1a202c;color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#22201c;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App-link{color:#61dafb}.brand-title{color:#d9d9d9;font-size:3rem}.brand-title span{color:#ffde59}.brand-description{font-size:1.4rem}.links{display:flex}.links a{color:#d9d9d9;font-size:1.2rem;margin:1rem}:root{--border-black-op:rgba(0,0,0,.1);--navhover-text-color:#664ce5;--dropdown-content-bg-color:#3a4458}.nav-zindex{z-index:99}.navbar-bg{border-bottom:1px solid rgba(0,0,0,.1);border-bottom:1px solid var(--border-black-op);padding:1rem 1rem 0}.col-black{color:var(--col-dark)}.fixed-top{left:0;position:fixed;right:0;top:0;z-index:4}.solid{background-color:#1a202c;box-shadow:0 0 .8rem #000;transition:background-color 0s ease 0s}.actives{color:var(--txt-col-white)}.actives,.inactives{text-decoration:none}.inactives{color:hsla(0,0%,100%,.634)}.nav-dropbtn{border:none;cursor:pointer;font-size:1rem}.nav-dropdown{display:inline-block;position:relative}.nav-dropdown>.nav-dropdown-content{background-color:#3a4458;background-color:var(--dropdown-content-bg-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;margin-top:.9rem;min-width:10rem;position:absolute;right:3px;z-index:1}.nav-dropdown-content .nav-dropdown-option{border:1px solid rgba(0,0,0,.1);cursor:pointer;display:block;flex-wrap:wrap;padding:.9rem 1rem;text-decoration:none}.nav-dropdown:hover .nav-dropdown-content{display:block}@media only screen and (min-width:330px) and (max-width:560px){.nav-dropdown>.nav-dropdown-content{left:3px}}:root{--card-col:#f5f5f5}.close-icon:hover{background:hsla(0,0%,100%,.24)}.video-card{color:#f5f5f5;color:var(--card-col)}@media only screen and (min-width:300px) and (max-width:560px){.likevideo-404{height:25rem;width:20rem}}:root{--list-bg-card:#282b30}.list-card{background:#282b30;background:var(--list-bg-card);border:1px solid rgba(0,0,0,.2);border-radius:7px;padding:1rem 2rem}.playlist-text{color:#f5f5f5;text-decoration:none}.playlist-text:hover{text-decoration:underline;transition:all 3s}.modal>.modal-card{background:#1a202c}.modal-width{width:30%}.page-404{height:25rem;width:40rem}@media only screen and (min-width:300px) and (max-width:560px){.page-404{height:25rem;width:24rem}}:root{--col-black:#000;--btn-bg:rgba(37,36,36,.493)}.header{height:90vh;min-height:25rem;overflow:hidden}.header,.overlay{background-color:#000;background-color:var(--col-black);width:100%}.overlay{height:100%;left:0;opacity:0;top:0;z-index:1}.overlay,video{position:absolute}video{background-size:cover;height:auto;left:50%;min-height:100%;min-width:100%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto;z-index:0}.video-img-title{margin-left:3rem;margin-top:9.375rem;max-width:20.625rem}.movie-info{position:absolute;z-index:1}.text-white{color:#fff;color:var(--col-white)}.w-50{width:40%}.ml-3{margin-left:3rem}.movie-desc{cursor:pointer;line-height:1.5rem}.movie-rating-btn{background:rgba(37,36,36,.493);background:var(--btn-bg);border:0;border-radius:3px;color:#fff;color:var(--col-white)}.movie-rating-btn:hover{background-color:rgba(69,68,68,.493);cursor:pointer}.play-btn{background:rgba(37,36,36,.493);background:var(--btn-bg);border:0;color:#fff;color:var(--col-white)}.play-btn:hover{background:#fff;background:var(--col-white);color:#000;color:var(--col-black)}@media only screen and (min-width:330px) and (max-width:560px){.header{height:102vh;position:relative}}:root{--icon-bg-black:#000;--icon-col:#fff;--bg-card:#fff}.icon{background:rgba(0,0,0,.5);border-radius:5px;border-radius:50%;color:#fff;color:var(--icon-col);cursor:pointer;font-size:1.375rem;padding:3px;position:absolute;right:.75rem;top:.75rem}.icon-bg-dark{background:#000;background:var(--icon-bg-black)}.movie-card{background:#fff;background:var(--bg-card);border:1px solid rgba(0,0,0,.1)}.video-card{background:#282b30;color:#fff;color:var(--bg-card);display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:300px) and (max-width:600px){.ui-card-width-300{width:21.55rem}}.video-player{height:80vh;width:100%}.icons{cursor:pointer;font-size:1.6rem}.video-title{margin-top:1rem}.video-elements{display:flex;justify-content:space-between;margin-right:1rem}.formm{margin-bottom:40px}.btn-signin{border:none;border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,.45);color:#fff;cursor:pointer;font-size:inherit;font-weight:700;height:50px;outline:none;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg-text-color:#999;--text-white:#fff;--content-bg:rgba(0,0,0,.65)}body{-webkit-font-smoothing:antialiased;font-family:Arial,sans-serif}.showcase{background:url(https://images.weserv.nl/?url=https://res.cloudinary.com/dwhsfh3sc/image/upload/v1659778071/zeplin-movies/movie-assets-imgs/background_keajjv.jpg) no-repeat 50%/cover;height:100vh;position:relative;width:100%}.showcase:after{background:rgba(0,0,0,.65);box-shadow:inset 30px 10px 150px #000;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.showcase-container{position:relative}.logo{padding-top:2rem}.logo,.showcase-content{position:relative;z-index:2}.showcase-content{align-items:flex-start;background:rgba(0,0,0,.65);display:flex;flex-direction:column;height:650px;justify-content:flex-start;margin:0 auto;padding:60px 65px;text-align:left;width:450px}.formm h1{color:#fff;color:var(--text-white);margin-bottom:20px}.formm{margin-bottom:1rem;width:100%}.formm .info{padding:5px 0}.formm .info .email{border:none;border-radius:5px;font-size:inherit;height:50px;margin-bottom:30px;padding:10px;width:100%}.formm .btn{margin-bottom:10px;width:100%}.btn-signup{border:none;border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,.45);color:#fff;cursor:pointer;font-size:inherit;font-weight:700;height:50px;outline:none;width:100%}input[type=checkbox]{background:#737373;border:0;border-radius:2px;height:16px;left:-20px;margin-right:5px;width:16px}input[type=email],input[type=password],input[type=text]{background:#343434;color:#fff;color:var(--text-white)}.signup{align-items:center;display:flex;justify-content:flex-start;padding-bottom:5rem;width:100%}.signup p{color:#fff;color:var(--text-white);margin-right:5px}.signup>.link{color:#4f46e5ed}@media only screen and (min-width:330px) and (max-width:560px){.logo{display:flex;justify-content:center}.showcase-content{height:540px;width:350px}}.active{color:violet}.not-visited{color:#f5f3f5}.img-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.playlist-img{height:25rem}:root{--bg-video-listing:#f8f9f9;--bg-single-video:#fefefe;--col-white:#fff}.video-container{margin:1rem}.flex-7{flex:7.5 1}.flex-3{flex:2.5 1;height:auto;padding:10px 0}.bg-gray{background:gray}.mt-2{margin-top:2.5rem}:root{--txt-light:#a8a8a8}.mt-3{margin-top:3.5rem}.video-lists-container>.pills{color:#a8a8a8;color:var(--txt-light)}.video-lists-container>.pills:focus{background:var(--col-primary);color:var(--text-col-white)}.video-lists-container{margin:auto;padding:1.2rem 0;width:90%}
/*# sourceMappingURL=main.088a8e06.css.map*/