@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";.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:var(--main-color);border:1px solid white;color:#fff;margin-left:20px;padding:5px}.featured img{object-fit:cover;width:100%;height:100%}.featured .info{position:absolute;width:35%;left:50px;bottom:100px;color:#fff;display:flex;flex-direction:column}@media (max-width: 480px){.featured .info{left:20px}}.featured .info img{width:400px}.featured .info .featured-movie-name{text-shadow:2px 7px 5px rgba(0,0,0,.3),0px -4px 10px rgba(255,255,255,.3);color:wheat}@media (max-width: 480px){.featured .info .featured-movie-name{margin-top:20px;font-size:22px}}.featured .info .desc{margin:20px 0}@media (max-width: 480px){.featured .info .desc{height:200px;width:70vw;overflow:hidden}}.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}@media (max-width: 480px){.featured .info .buttons button{height:45px}}.featured .info .buttons button.play{background-color:#fff;color:var(--main-color)}.featured .info .buttons button.more{background-color:#a59d9d;color:wheat}.navbar{width:100%;color:#fff;font-size:14px;position:fixed;top:0;z-index:909;background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.3) 50%);font-weight:200}.navbar.scrolled{background-color:var(--main-color);transition:all .4s ease}.navbar .container{padding:0 50px;display:flex;align-items:center;justify-content:space-between;height:70px}@media (max-width: 480px){.navbar .container{padding:0 20px}}.navbar .container .left{display:flex;align-items:center}.navbar .container .left img{height:25px;margin-right:40px}@media (max-width: 480px){.navbar .container .left img{display:none}}.navbar .container .left span{margin-right:20px;cursor:pointer}@media (max-width: 480px){.navbar .container .left span{display:none}}@media (max-width: 480px){.navbar .container .left span.mob-res{display:block}}.navbar .container .right{display:flex;align-items:center}.navbar .container .right .mob-out{display:none;margin-left:10px}@media (max-width: 480px){.navbar .container .right .mob-out{cursor:pointer;display:flex;justify-content:center;align-items:center}}.navbar .container .right img{width:30px;height:30px;border-radius:5px;object-fit:cover;cursor:pointer}@media (max-width: 480px){.navbar .container .right .mob-unwanted{display:none}}.navbar .container .right .icon{margin:0 15px;cursor:pointer}@media (max-width: 480px){.navbar .container .right .icon.mob-unwanted{display:none}}@media (max-width: 480px){.navbar .container .right .profile{display:none}}.navbar .container .right .profile .options{display:none;background-color:#0f0f0f;border-radius:5px;color:#fff}.navbar .container .right .profile span{padding:10px;cursor:pointer}.navbar .container .right .profile:hover .options{display:flex;flex-direction:column;position:absolute}.list{width:100%;margin-top:10px}.list .listTitle{color:#fff;font-size:20px;margin-left:50px;font-weight:500}@media (max-width: 480px){.list .listTitle{margin-left:20px}}.list .wrapper{position:relative}.list .wrapper .slideArrow{width:50px;height:100%;background-color:#16161680;color:#fff;position:absolute;z-index:99;top:0;bottom:0;margin:auto;cursor:pointer}.list .wrapper .slideArrow.left{left:0}.list .wrapper .slideArrow.right{right:0}.list .wrapper .container{margin-left:50px;display:flex;margin-top:10px;width:max-content;transform:translate(0);transition:all 1s ease;position:relative}@media (max-width: 480px){.list .wrapper .container{margin-left:20px}}.listItem{width:225px;height:120px;background-color:var(--main-color);margin-right:5px;cursor:pointer;color:#fff}.listItem:focus{z-index:0;background-color:red}.listItem img{width:100%;height:100%;object-fit:cover}.listItem video,.listItem .preview{width:100%;height:140px;object-fit:cover;border:none;border-radius:5px 5px 0 0}.listItem .hoverkulla{width:325px;height:300px;position:absolute;top:-140px;pointer-events:all;background-color:var(--main-color);border-radius:5px;-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,.07);box-shadow:0 0 15px #ffffff12;padding:5px}.listItem .hoverkulla .itemInfo{display:flex;flex-direction:column;padding:5px}.listItem .hoverkulla .itemInfo .icons{display:flex;margin-bottom:5px}.listItem .hoverkulla .itemInfo .icons .icon{border:2px solid white;padding:2px;width:25px;height:25px;border-radius:50%;margin-right:10px;font-size:16px}.listItem .hoverkulla .itemInfo .itemInfoTop{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;color:gray}.listItem .hoverkulla .itemInfo .itemInfoTop .limit{border:1px solid gray;padding:1px 3px;margin:0 10px}.listItem .hoverkulla .itemInfo .desc{font-size:13px;margin-bottom:10px;overflow:hidden;height:30px}.listItem .hoverkulla .itemInfo .genre{font-size:14px;color:#d3d3d3;margin-bottom:5px}.home{overflow:hidden;background-color:var(--main-color)}.watch{width:100vw;height:100vh}.watch .back{display:flex;align-items:center;position:absolute;top:10px;left:10px;color:#fff;cursor:pointer;z-index:66;gap:5px}.watch .video{width:100%;height:100%;object-fit:cover;border:none}.watch .video-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:#000;font-size:20px}.register{width:100vw;height:100dvh;background:linear-gradient(to bottom,#0000,#000),url(https://cdn.shopify.com/s/files/1/0607/5056/1539/articles/netflix.jpg?v=1669877376);background-size:cover;position:relative}.register .top .reg-wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:999}.register .top .reg-wrapper .logo{height:40px}@media (max-width: 480px){.register .top .reg-wrapper .logo{height:25px}}.register .top .reg-wrapper .reg-login-bt{background-color:#f82626;border:none;color:#fff;border-radius:5px;font-size:16px;padding:5px 15px;font-weight:500;cursor:pointer;pointer-events:all}.register .container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}@media (max-width: 480px){.register .container{margin:20px}}.register .container h1{font-size:50px}.register .container h2{margin:20px}.register .container p{font-size:20px}.register .container .input{width:50%;background-color:#fff;display:flex;justify-content:space-between;margin-top:20px;height:50px;border-radius:5px}@media (max-width: 480px){.register .container .input.user-ip{display:flex;flex-direction:column;height:120px}}@media (max-width: 480px){.register .container .input{width:90%;margin-right:40px}}.register .container .input input{flex:9;height:100%;border:none;padding:0 10px;border-radius:5px;outline:0}.register .container .input .reg-bt{flex:3;height:100%;background-color:#f82626;border:none;color:#fff;font-size:20px;cursor:pointer;border-radius:0 5px 5px 0}.login{width:100vw;height:100vh;background:linear-gradient(to bottom,#0000,#000),url(https://user-images.githubusercontent.com/33485020/108069438-5ee79d80-7089-11eb-8264-08fdda7e0d11.jpg);background-size:cover;position:relative}.login .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.login .top .wrapper .logo{height:40px}@media (max-width: 480px){.login .top .wrapper .logo{height:25px}}.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:350px;height:350px;padding:30px;display:flex;flex-direction:column;justify-content:space-around;background-color:var(--main-color);border-radius:5px}.login .container form input{height:40px;border-radius:5px;background-color:#b6a9a9;padding-left:10px;color:#fff}.login .container form input::placeholder{color:#d3d3d3}.login .container form button{height:40px;border-radius:5px;background-color:#fa3333;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}:root{--main-color:#0b0b0b}*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:Roboto,sans-serif}.link{text-decoration:none;color:inherit}