.App{background-color:#111}.home__screen{width:100%}.nav_content{display:flex;justify-content:space-between}.nav_logo{left:0;object-fit:contain;padding-left:20px;top:10px;width:80px}.nav_avatar,.nav_logo{cursor:pointer;position:fixed}.nav_avatar{height:30px;right:20px;width:30px}.nav{height:30px;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__black{background-color:#111}.Banner{color:#fff;height:448px;object-fit:contain;position:relative;width:100vw}.banner_content{height:190px;margin-left:30px;padding-top:140px}.banner_title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner_discription{font-size:.8rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner--fadebutton{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);height:7.4rem}.banner_button{background-color:rgba(51,51,51,.5);border:none;border-radius:.2vw;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner_button:hover{background-color:#e6e6e6;color:#000;transition:all .2s}@media (max-width:450px){.banner_discription{max-width:320px}}.row{color:#fff;margin-left:20px}.row_posterss{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.row_posterss::-webkit-scrollbar{display:none}.row__poster{margin-right:10px;max-height:100px;object-fit:contain;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s}.row__poster:hover{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}.row__posterLarge{max-height:250px}.row__posterLarge:hover{opacity:1;-webkit-transform:scale(1.09);transform:scale(1.09)}@media(max-width:450px){.row__posterLarge{max-height:200px}.row_posterss{padding:8px}}.loginscreen{background:url(https://raw.githubusercontent.com/thatanjan/netflix-clone-yt/youtube/media/banner.jpg) 50% no-repeat;background-size:cover;height:100%;position:relative}.loginsceen_logo{left:0;object-fit:contain;padding-left:20px;position:fixed;width:150px}.loginscreen_btn{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;position:fixed;right:20px;top:20px}.loginscreen__gradient{background:rgba(0,0,0,.4);background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%,rgba(0,0,0,.8));height:100vh;width:100%;z-index:1}.loginscreen__body{color:#fff;left:0;margin-left:auto;margin-right:auto;padding:20px;position:absolute;right:0;text-align:center;top:30%;z-index:1}.loginscreen__body>h1{font-size:3.125rem;margin-bottom:20px}.portLink{border:2px solid #fff;border-radius:7px;color:#fff;cursor:pointer;margin:0,8px;padding:6px;text-decoration:none}.portLink:hover{background-color:#fff;color:#000;transition:all .3s}.loginscreen__body>h2{font-size:2rem;font-weight:400;margin-bottom:30px}.loginscreen__body>h3{font-size:1rem;font-weight:400;margin-bottom:30px}.loginscreen_input>form>input{border:0 solid transparent;border-radius:.3em;height:30px;line-height:1.5rem;max-width:600px;padding:10px;transition:cubic-bezier(.5,0,.1,1);width:30%}.login_getstarted{background-color:#e50914;border:none;border-radius:.3em;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 20px}.loginscreen_input{margin:20px}@media(max-width:400px){.loginscreen__body>h2{font-size:1rem;font-weight:400;margin-bottom:30px}.loginscreen_input>form{display:flex;flex-direction:column;gap:.5rem}.loginscreen_input>form>input{width:92%}}.SignupScreen{background-color:rgba(0,0,0,.75);border-radius:20px;margin-left:auto;margin-right:auto;max-width:300px;padding:70px}.SignupScreen>form{display:grid;flex-direction:column}.SignupScreen>form>input{border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px}.SignupScreen>form>button{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:16px 20px}.signupscreen_gray{color:gray;font-size:12px;margin:.5rem}.signupscreen_link:hover{cursor:pointer;text-decoration:underline}.nettonet{margin-top:.8rem}.profilescreen{color:#fff;height:100vh;width:100%}.profilescreen,.profilescreen__body{align-items:center;display:flex;justify-content:center}.profilescreen__body{flex-direction:column;max-width:800px;padding-top:8%;width:50%}.profilescreen__body>h1{border-bottom:1px solid #282c2d;font-size:60px;font-weight:400;margin-bottom:2px}.profilescreen__info{display:flex}.profilescreen__info>img{height:100px}.profilescreen__details{color:#fff;flex:1 1;margin-left:25px}.profilescreen__details>h2{background-color:gray;font-size:15px;padding:15px 15px 15px 20px}.profilescreen__signout{background-color:#e50914;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:5%;padding:10px 20px;width:100%}.profilescreen__signout:hover{background-color:#a40a12;transition:all .3s}.profilescreen__plans{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.profilescreen__plans>h2{margin:.5rem}.plans{flex-direction:column;gap:1rem;justify-content:center}.planrow,.plans{align-items:center;display:flex}.planrow{gap:2rem;justify-content:space-between;justify-content:center}.planrow>button{background-color:#e50914;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:5%;padding:5px 10px;right:0;width:12rem}.planrow>button:hover{background-color:#a40a12;transition:all .3s}@media(max-width:450px){.profilescreen__body{width:90%}.profilescreen__info>img{display:none;height:30px}}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.b36dfe3b.css.map*/