:root{--main-color:#0b0b0b}.home{background-color:var(--main-color);overflow:hidden}.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:25%}.featured .info img{width:400px}.featured .info .desc{font-size:16px;margin:20px 0}.featured .info .buttons{display:flex}.featured .info .buttons button{align-items:center;border:none;border-radius:5px;display:flex;font-size:18px;font-weight:500;justify-items: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}.list{margin-top:10px;width:100%}.list .listTitle{color:#fff;color:red;font-family:cursive;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{background-color:rgba(22,23,22,.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}.listItem{background-color:var(--main-color);color:#fff;cursor:pointer;height:120px;margin-right:5px;overflow:hidden;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:35px;box-shadow:0 0 15px 0 hsla(0,0%,100%,.07);height:300px;padding:.5rem;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}.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-size:cover;background:linear-gradient(180deg,transparent 0,#f10808 120%),url(http://mppmduse2pmpovwapp.azurewebsites.net/wp-content/uploads/2019/09/netflix-background-9.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:5px;display:flex;flex-direction:column;gap:1rem;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;height:40px}.login .container form span{color:#d3d3d3}.login .container form span b{color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans Condensed,sans-serif;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#000;text-decoration:none}*{box-sizing:border-box}
/*# sourceMappingURL=main.ab205e03.css.map*/