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