.featured{height:90vh;position:relative}.featured .categary{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;margin-left:50px;position:absolute;top:100px}.featured .categary select{background-color:var(--main-color);border:1px solid #fff;color:#fff;cursor:pointer;margin-left:10px;margin-top:2px;padding:2px}.featured img{height:100%;object-fit:cover;width:100%}.featured .info{bottom:100px;color:#fff;display:flex;flex-direction:column;left:50px;position:absolute;width:35%}.featured .info img{width:400px}.featured .info .desc{margin:20px 0}.featured .info .buttons{display:flex}.featured .info .buttons button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;margin-right:10px;padding:8px 20px}.featured .info .buttons button span{margin-left:5px}.featured .info .buttons button.play{background-color:#fff;color:var(--main-color)}.featured .info .buttons button.more{background-color:gray;color:#fff}.listItem{background-color:var(--main-color);border-radius:5px;color:#fff;cursor:pointer;height:120px;margin-left:5px;overflow:hidden;transition:box-shadow,width 0s;width:225px}.listItem img{height:100%;object-fit:cover;transition:width,height 0s;width:100%}.listItem video{height:140px;left:0;object-fit:cover;position:absolute;top:0;width:100%}.listItem:hover{border-radius:5px;box-shadow:-1px -1px 17px 1px hsla(0,0%,100%,.3);-webkit-box-shadow:-1px -1px 17px 1px hsla(0,0%,100%,.3);-moz-box-shadow:-1px -1px 17px 1px hsla(0,0%,100%,.3);cursor:default;height:300px;position:absolute;top:-150px;transition:box-shadow,width,position .5s ease-out;width:325px}.listItem:hover img{height:140px;transition:height .5s ease-in-out}.listItem .itemInfo{display:flex;flex-direction:column;padding:10px}.listItem .itemInfo .icons{display:flex;margin-bottom:10px}.listItem .itemInfo .icons .icon{border:2px solid #fff;border-radius:50%;cursor:pointer;font-size:16px;margin-right:10px;padding:5px}.listItem .itemInfo .icons .icon:hover{background-color:#fff;color:#000}.listItem .itemInfo .itemInfoTop{align-items:center;color:#878787;display:flex;font-size:14px;font-weight:500;margin-bottom:10px}.listItem .itemInfo .itemInfoTop .limit{border:1px solid #878787;margin:0 10px;padding:0 3px}.listItem .itemInfo .desc{font-size:13px;margin-bottom:10px}.listItem .itemInfo .genre{color:#ff8484;font-size:15px;font-weight:500}.list{margin-top:10px;width:100%}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{bottom:0;color:#fff;cursor:pointer;height:100%;margin:auto;position:absolute;top:0;width:50px;z-index:99}.list .wrapper .sliderArrow.left{background-color:hsla(0,0%,9%,.5);left:0;z-index:99}.list .wrapper .sliderArrow.left path{-webkit-transform:translateX(5px);transform:translateX(5px)}.list .wrapper .sliderArrow.right{right:0;transition:all .2s ease-in-out;z-index:99}.list .wrapper .sliderArrow.right:hover{background-color:hsla(0,0%,9%,.5)}.list .wrapper .container{display:flex;margin-left:50px;margin-top:10px;-webkit-transform:translateX(0);transform:translateX(0);transition:all .3s ease-in-out;width:-webkit-max-content;width:max-content}.list:hover .wrapper .right{background-color:hsla(0,0%,9%,.5)}.navbar{background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.4) 70%);color:#fff;display:block;font-size:14px;position:fixed;top:0;transition:all .5s;width:100%;z-index:9999}.navbar.scrolled{background-color:#000;transition:all .7s ease-in-out}.navbar .container{flex-direction:row;height:70px;justify-content:space-between;padding:0 50px}.navbar .container,.navbar .container .left{align-items:center;display:flex}.navbar .container .left img{height:25px;margin-right:40px}.navbar .container .left span{cursor:pointer;margin-right:30px}.navbar .container .right{align-items:center;display:flex}.navbar .container .right .icon{cursor:pointer;margin:0 15px}.navbar .container .right img{border-radius:5px;height:30px;object-fit:cover;width:30px}.navbar .container .right .profile .options{background-color:#17173e;border-radius:5px;display:none;transition:all .5s}.navbar .container .right .profile span{cursor:pointer;padding:10px}.navbar .container .right .profile span:hover{background-color:#150c2a}.navbar .container .right .profile:hover .options{align-items:center;display:flex;flex-direction:column;position:absolute}.home{background-color:var(--main-color);overflow:hidden}.watch{height:100vh;width:100vw}.watch .back{align-items:center;color:hsla(0,0%,100%,.462);cursor:pointer;display:flex;left:15px;position:absolute;top:15px;z-index:2}.watch .back .arrow{font-size:40px}.watch video{height:100%;object-fit:cover;width:100%}:root{--main-color:#0b0b0b}.register{background:linear-gradient(180deg,transparent 0,#000),url(/static/media/netflix.991d4593829849d9f0e6.jpg);height:100vh;position:relative;width:100vw}.register .top .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px 50px}.register .top .wrapper .logo{height:40px}.register .top .wrapper .loginButton{background-color:#c40d0d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:8px 18px}.register .container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.register .container h1{font-size:50px}.register .container h2{margin:20px}.register .container p{font-size:20px}.register .container .input{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:50px;justify-content:space-between;margin-top:15px;width:50%}.register .container .input input{border:none;flex:9 1;font-size:18px;height:100%;padding:0 10px}.register .container .input .registerButton{background-color:red;border:none;border-radius:2px;color:#fff;cursor:pointer;flex:3 1;font-size:20px;height:100%;outline:none}.register .lastLine{align-items:center;color:#fff;display:flex;font-size:15px;justify-content:center;position:relative;top:650px}.register .lastLine .navigate{font-size:18px;font-weight:500;margin:0 10px}.register .lastLine .btn-blw{bottom:20px!important;margin-left:30px!important}.login{background:linear-gradient(180deg,transparent 0,#000),url(/static/media/netflix.991d4593829849d9f0e6.jpg);height:100vh;position:relative;width:100vw}.login .top .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px 50px}.login .top .wrapper .logo{height:40px}.login .container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.login .container form{background-color:var(--main-color);border-radius:10px;box-shadow:-1px -1px 30px 1px hsla(0,0%,41%,.483);display:flex;flex-direction:column;height:400px;justify-content:space-around;padding:30px;width:400px}.login .container form input{background-color:#5a5959;border:none;border-radius:5px;color:#fff;font-size:15px;height:35px;padding:5px 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{background-color:#ae2929;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:16px;height:40px}.login .container form span{color:gray;font-weight:500}.login .container form span b,.login .container form span b span{color:#fff}.login .container form span b span:hover{cursor:pointer;text-decoration:underline}.login .container form small{font-size:12px}
/*# sourceMappingURL=main.ba78bc11.css.map*/