:root{--tw-bg-opacity: 1;--main-color:rgb(25 25 28/var(--tw-bg-opacity)) }.min-width{min-width:400px!important}@font-face{font-family:netflixFont;src:local("netflixFont"),url(/assets/NetflixSans-Regular-D1Vsyk-p.otf) format("opentype");font-weight:400;font-style:normal}body{font-family:netflixFont,sans-serif}.closeButton{position:absolute;top:2vh;left:2vh;color:#fff;font-size:4vh!important}.youtubeVideo{height:98vh}@media screen and (max-width: 800px){h1{font-size:32px!important}h2{font-size:18px;font-weight:100}.logo{height:25px!important;width:120%}.top{width:100%!important;padding-left:0!important}.input{flex-direction:column;height:105px!important}.input input{margin-bottom:20px}.input .registerButton{padding:10px}}.register{width:100vw;height:98vh;overflow:hidden!important;text-align:center;background:linear-gradient(to bottom,#0000,#000 200%),url(https://www.okynemedialab.com/wp-content/uploads/2019/11/netflix-background-50-Black-1024x576.jpg);background-size:cover;background-origin:border-box;position:relative}.register .top{padding-left:9%;width:83%;display:flex;justify-content:space-between}.register .top .wrapper{padding:2% 5%;display:flex;align-items:center;z-index:999;justify-content:space-between;margin-bottom:10%;box-sizing:border-box}.register .top .wrapper .logo{height:40px}.register .top .wrapper .loginButton{background-color:red;border:none;color:#fff;border-radius:5px;padding:5% 20px;font-size:90%;font-weight:500;cursor:pointer;max-width:200px;white-space:nowrap}.register .main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.register .main h1{font-size:3rem;font-weight:900;margin:0;text-align:center;font-family:Netflix Sans,Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif}.register .main h2{margin:5px}.register .main p{font-size:20px}.register .main .input{width:33%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;height:50px;border-radius:5px}.register .main .input input{flex:10;background-color:#332f2f;height:100%;border:1px solid white;padding:0 10px;color:#fff;border-radius:.1875rem;font-size:18px}.register .main .input .registerButton{flex:4;font-weight:500;font-size:18px;height:100%;background-color:red;border:none;color:#fff;margin-left:3%;padding:5px;border-radius:.2875rem;cursor:pointer}.selectz{margin:20px;background-color:#000;color:#fff;width:90px;height:40px;font-size:16px;border:solid 1px;border-radius:3px}.small-container{background:#000000bf;background-size:cover;height:80%!important;box-sizing:border-box;color:#fff;padding:30px!important;border-radius:10px;max-width:400px!important;margin:50px auto;direction:ltr;font-family:Netflix Sans,Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif;text-align:left;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.my-3{font-size:2.5rem;text-align:center;margin-block-start:0;margin-block-end:0;margin:0;padding:0;color:#fff;font-size:2rem;font-weight:700}form{margin-top:30px;width:100%;max-width:300px}form label{color:#fff;font-size:1rem}form input[type=email],form input[type=password]{max-width:300px;background:#333;color:#fff;border-radius:5px;padding:10px;margin-bottom:15px;width:100%;font-size:1rem;border:1px solid white}form button{background:#e50914;color:#fff;border:none;border-radius:5px;padding:10px 20px;margin-bottom:15px;font-size:1.2rem;cursor:pointer;width:107%}form button:hover{background:#ff3e5a}.mb-3{text-align:center;font-size:.9rem}.mb-3 a{color:#fff;text-decoration:none}.mb-3 a:hover{text-decoration:underline}button{background:#e50914;color:#fff;border:none;border-radius:5px;padding:10px 20px;margin-bottom:15px;margin-top:10px;font-size:1.2rem;cursor:pointer;width:90%}.list{width:100%;height:max-content;margin-bottom:5.5%}.list .listTitle{color:#fff;font-size:20px;font-weight:750;margin-left:50px;padding-bottom:30px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{width:4%;height:100%;background-color:#16161680;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-top:12px;height:inherit;transform:translate(0);transition:all 1s ease}.listItem{width:15vw;height:20vh;background-color:var(--main-color);margin-right:7px;overflow:hidden;cursor:pointer;color:#fff}.listItem img{width:100%;height:100%;object-fit:cover;border-radius:3%}.listItem .spa{z-index:100;position:relative;font-size:12px;color:#fff}.listItem.hover{width:23vw;border-radius:3%;height:fit-content;-webkit-box-shadow:0px 0px 15px 0px rgba(255,255,255,.8);box-shadow:0 0 15px #fff9;z-index:1}.listItem.hover video{width:100%;height:40%}.listItem.hover .youtube{width:100%;height:25vh}.listItem.hover img{height:40%}.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 white;padding:8px;border-radius:50%;margin-right:5px;font-size:16px}.listItem.hover .itemInfo .itemInfoTop{display:flex;align-items:center;margin-bottom:10px;font-size:80%;font-weight:600;color:gray}.listItem.hover .itemInfo .itemInfoTop .limit{border:1px solid gray;padding:1px 3px;margin:0 10px}.listItem.hover .itemInfo .desc{font-size:12px;margin-bottom:5px}.listItem.hover .itemInfo .genre{font-size:14px;color:#d3d3d3}@media screen and (max-width: 900px){.listItem{width:25vw;height:14vh;background-color:var(--main-color);margin-right:7px;overflow:hidden;cursor:pointer;color:#fff}.listItem img{width:100%;height:100%;object-fit:cover;border-radius:3%}.listItem.hover{width:45vw;border-radius:3%;height:fit-content;-webkit-box-shadow:0px 0px 15px 0px rgba(255,255,255,.8);box-shadow:0 0 15px #fff9;z-index:1}.listItem.hover video{width:100%;height:40%}.listItem.hover .youtube{width:100%;height:25vh}.listItem.hover img{height:40%}.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 white;padding:8px;border-radius:50%;margin-right:5px;font-size:16px}.listItem.hover .itemInfo .itemInfoTop{display:flex;align-items:center;margin-bottom:10px;font-size:80%;font-weight:600;color:gray}.listItem.hover .itemInfo .itemInfoTop .limit{border:1px solid gray;padding:1px 3px;margin:0 10px}.listItem.hover .itemInfo .desc{font-size:12px;margin-bottom:5px}.listItem.hover .itemInfo .genre{font-size:14px;color:#d3d3d3}}.navbar{width:100%;color:#fff;font-weight:100!important;font-size:14px;position:fixed;top:0;z-index:100;box-sizing:border-box;background-color:transparent!important}.navbar.scrolled{background-color:#000!important}.logo{height:30px;width:80px;margin-right:30px;position:relative;left:-10px}.container{padding:0 50px;width:100%;display:flex;align-items:center;justify-content:space-between;height:70px}.left,.right{display:flex;align-items:center}.left .nav-item{margin-right:20px;cursor:pointer;text-decoration:none;color:#fff}.left .nav-item:hover{text-decoration:none}.right{display:flex;align-items:center;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;margin-right:75px}.right .icon{margin:0 15px;cursor:pointer;color:#fff}.right img{width:30px;height:30px;border-radius:5px;object-fit:cover;cursor:pointer}.right .profile{position:relative}.right .profile .options{display:none;background-color:var(--main-color);border-radius:5px;position:absolute;top:calc(100% + 10px);right:0}.right .profile span{padding:10px;cursor:pointer}.right .profile:hover .options{display:flex;flex-direction:column;margin-top:-10px}@media screen and (max-width: 800px){.navbar{width:100%;color:#fff;font-size:12px;position:fixed;top:0;z-index:100;box-sizing:border-box;background-color:transparent!important}.navbar.scrolled{background-color:#000!important}.logo{height:20px;width:55px;margin-right:0;position:relative;left:-10px}.container{padding:0 10px;width:100%;display:flex;align-items:center;justify-content:space-between;height:50px}.right .icon.notifications,.right .icon.kids-span{display:none}.left,.right{width:100%;justify-content:center;align-items:center;margin:0}.right{margin-top:10px}.left .nav-item{margin-right:8px;font-size:11px;text-decoration:none;color:#fff}.left .nav-item:hover{text-decoration:none}.right .icon,.right img{cursor:pointer}.right img{width:20px;height:20px;border-radius:3px;object-fit:cover;margin-right:3px}.right .profile{position:relative;margin-left:3px}.right .profile .options{background-color:var(--main-color);border-radius:3px;position:absolute;padding:4px;top:calc(100% + 5px);right:2px}.right .profile span{padding:5px;cursor:pointer;font-size:9px}.right .profile:hover .options{display:flex;flex-direction:column;margin-top:-5px}}.ContentPage{padding:20px;text-align:center;overflow:hidden;width:100vw}.ContentPage-lists{display:flex;flex-wrap:wrap;gap:20px;position:relative;z-index:1}.pageContent{z-index:102}.page{overflow:auto;overflow-x:hidden;max-height:100vh;position:relative}.page .featured{height:90vh}h1{color:#fff}.featured{height:100%;position:relative;z-index:1}.featured .gradient-overlay-top{position:absolute;width:100%;height:25%;z-index:1000;top:0;background:linear-gradient(to top,transparent,black)}.featured .gradient-overlay-bot{position:absolute;width:100%;height:20%;z-index:3;bottom:0;background:linear-gradient(to bottom,transparent,var(--main-color))}.featured.bottom{bottom:0;background:linear-gradient(to bottom,transparent,var(--main-color))}.featured .transparent{width:100%;height:100%;background-color:transparent;z-index:0}img{width:25vh;height:20vh;object-fit:contain}.info{width:30%;position:absolute;left:5%;bottom:10%;color:#fff;display:flex;flex-direction:column}.info .buttons{display:flex}.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;z-index:4}.info .buttons button.play{background-color:#fff;color:var(--main-color)}.info .buttons button.more{background-color:gray;color:#fff}.info .buttons button span{margin-left:5px}.info .desc{opacity:0;transition:opacity 1s ease-in-out,max-height 1s ease-in-out;max-height:0;overflow:hidden}.info:hover .desc{display:block;opacity:1;max-height:150px}.featured .iframe-container{position:relative;z-index:-1;width:100%;height:100%}.featured .iframe-container iframe{position:absolute;z-index:-1;width:100%;height:100%;opacity:.8}@media screen and (max-width: 900px){.featured{height:100%;position:relative;z-index:100}.featured .gradient-overlay-top{position:absolute;width:100%;height:25%;z-index:1000;top:0;background:linear-gradient(to top,transparent,black)}.featured .gradient-overlay-bot{position:absolute;width:100%;height:30%;z-index:1000;bottom:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));mix-blend-mode:multiply}.featured.bottom{bottom:0;background:linear-gradient(to bottom,transparent,var(--main-color))}.featured .transparent{width:100%;height:100%;background-color:transparent;z-index:2}img{width:20vh;height:20vh;object-fit:contain}.info{width:30%;position:absolute;left:5%;bottom:15%;color:#fff;display:flex;flex-direction:column}.info .desc{display:none}.info .buttons{display:flex}.info .buttons button{padding:5px 10px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;margin-right:10px;cursor:pointer;z-index:2}.info .buttons button.play{background-color:#fff;color:var(--main-color)}.info .buttons button.more{background-color:gray;color:#fff}.info .buttons button span{margin-left:5px}.featured .iframe-container{position:relative;z-index:-1;width:100%;height:100%}.featured .iframe-container iframe{position:absolute;z-index:-1;width:100%;height:100%;opacity:.8}}.page{--tw-bg-opacity: 1;background-color:rgb(25 25 28/var(--tw-bg-opacity));z-index:100;height:100vh}.page .box{display:flex;margin-left:7%;width:80%;flex-wrap:wrap;row-gap:2%}.page .box>div{margin-bottom:2%}.page h2{margin-top:7%;margin-left:7%;color:#fff;font-weight:200}@media screen and (max-width: 800px){.titlediv{margin-top:10%}}.search-page{padding:20px;margin-left:2%}.search-page .selectors-and-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-page .selectors-and-search .search-input input[type=text]{width:90%;background-color:var(--main-color);padding:10px;margin-right:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none;color:#fff}.search-page .selectors-and-search .selectors{display:flex;align-items:center;gap:20px}.search-page .selectors-and-search .selectors .selector select{width:12vw;color:#fff;background-color:var(--main-color);padding:8px;font-size:14px}.search-page .content-list{display:flex;flex-wrap:wrap;gap:20px}.search-page .content-list .content-item{background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.search-page .content-list .content-item h3{margin-bottom:10px;font-size:18px}.search-page .content-list .content-item p{font-size:16px;color:#555}.search-page .content-item{border:none;box-shadow:none}@media screen and (max-width: 800px){.search-page{padding:20px;margin-left:2%}.search-page .selectors-and-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-page .selectors-and-search .search-input input[type=text]{width:80%;background-color:var(--main-color);padding:8px;font-size:10px;border:1px solid #ccc;border-radius:5px;outline:none}.search-page .selectors-and-search .selectors{display:flex;align-items:center;gap:10px}.search-page .selectors-and-search .selectors .selector select{width:20vw;color:#fff;background-color:var(--main-color);padding:6px;font-size:10px}.search-page .content-list{display:flex;flex-wrap:wrap;gap:10px}.search-page .content-list .content-item{background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.search-page .content-list .content-item h3{margin-bottom:10px;font-size:18px}.search-page .content-list .content-item p{font-size:16px;color:#555}.search-page .content-item{border:none;box-shadow:none}}body{margin:0;padding:0}html,body{height:100%;overflow-x:hidden}.home{background-color:var(--main-color);overflow:hidden;background:linear-gradient(to bottom,#0000,#000),url(https://www.okynemedialab.com/wp-content/uploads/2019/11/netflix-background-50-Black-1024x576.jpg);background-size:cover;width:100%;height:100vh}