.featured{height:90vh;position:relative}.featured .category{position:absolute;top:80px;left:50px;font-size:30px;font-weight:500;color:#fff;display:flex;align-items:center}.featured .category select{cursor:pointer;background-color:#0b0b0b;background-color:var(--main-color);border:1px solid #fff;color:#fff;margin-left:20px;padding:5px}.featured img{width:100%;height:100%;object-fit:cover}.featured .info{width:35%;position:absolute;left:50px;bottom:100px;color:#e7e7e7;display:flex;flex-direction:column}@media(max-width:480px){.featured .info img{width:60vw}}.featured .info .desc{margin:20px 0;color:#fff;font-weight:900;width:65vw}@media(max-width:480px){.featured .info .desc{width:60vw}}@media(max-width:768px){.featured .info .desc{width:60vw}}.featured .info .buttons{display:flex}.featured .info .buttons button{padding:10px 20px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;margin-right:10px;cursor:pointer}.featured .info .buttons button.play{background-color:#fff;color:#0b0b0b;color:var(--main-color)}.featured .info .buttons button.more{background-color:grey;color:#fff}.featured .info .buttons button span{margin-left:5px}.listItem{width:225px;height:120px;background-color:var(--main-color);margin-right:5px;overflow:hidden;cursor:pointer;color:#fff}.listItem img{width:100%;height:100%;object-fit:cover}.listItem video{width:100%;height:140px;object-fit:cover;position:absolute;top:0;left:0}.listItem:hover{width:325px;height:300px;top:-150px;position:absolute;box-shadow:0 0 15px 0 hsla(0,0%,100%,.3);border-radius:5px}.listItem:hover img{height:140px}.listItem:hover .itemInfo{display:flex;flex-direction:column;padding:5px}.listItem:hover .itemInfo .icons{display:flex;margin-bottom:10px}.listItem:hover .itemInfo .icons .icon{border:2px solid #fff;padding:5px;border-radius:50%;margin-right:10px;font-size:18px}.listItem:hover .itemInfo .orignalTitle{color:#fff;font-weight:500}.listItem:hover .itemInfo .itemInfoTop{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;color:grey}.listItem:hover .itemInfo .itemInfoTop .limit{border:1px solid grey;padding:1px 3px;margin:0 10px}.listItem:hover .itemInfo .desc{font-size:13px;margin-bottom:10px}.listItem:hover .itemInfo .genre{font-size:14px;color:#d3d3d3}.list{width:100%;margin-top:10px}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{width:50px;height:100%;background-color:rgba(22,22,22,.5);color:#fff;position:absolute;z-index:99;top:0;bottom:0;margin:auto;cursor:pointer}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.list .wrapper .container{display:flex;margin-left:50px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:10px;transform:translateX(0);transition:all .75s ease}:root{--main-color:#0b0b0b}.link{color:inherit;text-decoration:none}.navbar{top:0;width:100%;color:#fff;font-size:14px;position:fixed;z-index:999;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.3) 50%)}.navbar.scrolled{background-color:#0b0b0b;background-color:var(--main-color)}.navbar .container{padding:0 50px;height:70px;justify-content:space-between}.navbar .container,.navbar .container .left{display:flex;align-items:center}.navbar .container .left img{height:25px}.navbar .container .left span{margin-right:20px;cursor:pointer}@media(max-width:768px){.navbar .container .left span{display:none}}.navbar .container .left h1.cineClick{color:red;margin-right:40px;font-size:22.5px;font-weight:900;text-shadow:1px 1px 2px #000}.navbar .container .right{display:flex;align-items:center}.navbar .container .right .icon{margin:0 15px;cursor:pointer}.navbar .container .right img{width:30px;height:30px;border-radius:5px;object-fit:cover;cursor:pointer}.navbar .container .right .profile .options{display:none;background-color:#0b0b0b;background-color:var(--main-color);border-radius:5px}.navbar .container .right .profile span{padding:10px;cursor:pointer}.navbar .container .right .profile:hover .options{display:flex;flex-direction:column;position:absolute}.home{background-color:var(--main-color);overflow:hidden}.register{width:100vw;height:100vh;background:linear-gradient(180deg,transparent 0,#000),url(https://cdn.hipwallpaper.com/i/98/21/dUyCkp.jpg);background-size:cover;position:relative;overflow:hidden}.register .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between;color:#fff}.register .top .wrapper .logo{height:100;color:red;font-size:30px;font-weight:900;text-shadow:1px 1px 2px #000}.register .top .wrapper .loginButton{background-color:red;border:none;color:#fff;border-radius:5px;padding:5px 18px;font-size:18px;font-weight:500;cursor:pointer;z-index:2}.register .container{width:100%;height:100%;position:absolute;top:50px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.register .container h1{font-size:60px}.register .container h2{margin:30px}.register .container p{font-size:25px}.register .container .input{width:50%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-top:20px;height:60px;border-radius:5px}.register .container .input input{flex:9 1;height:100%;border:none;padding:0 10px}.register .container .input .link,.register .container .input .registerButton{flex:3 1;height:100%;background-color:red;border:none;color:#fff;font-size:21px;cursor:pointer}.register .container .input .link{margin:auto}.login{width:100vw;height:100vh;background:linear-gradient(180deg,transparent 0,#000),url(http://mppmduse2pmpovwapp.azurewebsites.net/wp-content/uploads/2019/09/netflix-background-9.jpg);background-size:cover;position:relative}.login .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between;color:#fff}.login .top .wrapper .logo{height:100;color:red;font-size:30px;font-weight:900;text-shadow:1px 1px 2px #000}.login .container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.login .container form{width:300px;height:300px;padding:30px;border-radius:5px;background-color:var(--main-color);display:flex;flex-direction:column;justify-content:space-around}.login .container form input{height:40px;border-radius:5px;background-color:grey;color:#fff;padding-left:10px}.login .container form input::-webkit-input-placeholder{color:#d3d3d3}.login .container form input:-ms-input-placeholder{color:#d3d3d3}.login .container form input::placeholder{color:#d3d3d3}.login .container form button{height:40px;border-radius:5px;background-color:red;color:#fff;border:none;font-size:18px;font-weight:500;cursor:pointer}.login .container form span{color:#d3d3d3}.login .container form span b{color:#fff}.watch{width:100vw;height:100vh}.watch .back{display:flex;align-items:center;position:absolute;top:10px;left:10px;color:#fff;cursor:pointer;z-index:2}.watch .video{width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=main.7ee7acef.chunk.css.map */