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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#111}.banner{color:#fff;height:448px;object-fit:contain;position:relative}.banner__contents{height:190px;margin-left:30px;padding-top:140px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:0}.banner__description{font-size:.8rem;height:76px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.banner__fadeBottom{background-image:linear-gradient(180deg,#0000,#2525259c,#111);height:7.4rem}.banner__button{background-color:#33333380;border:none;border-radius:.2vw;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:20px;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner__button:hover{background-color:gold;color:#000;transition:all .2s}.homeScreen{width:100%}.footer{background-color:gold;font-size:14px;padding:2px 10px 2px 2px;text-align:right}.footer p{font-family:Courier New,Courier,monospace;font-weight:700}.nav{height:30px;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__contents{display:flex;justify-content:space-between}.nav__black{background-color:#111}.nav__logo{left:0;object-fit:contain;top:0;width:200px}.nav__avatar,.nav__logo{cursor:pointer;position:fixed}.nav__avatar{right:20px;width:30px}.input-wrapper{align-items:center;display:flex;gap:15px;justify-content:center;position:fixed;right:70px;top:15px}.input{background-color:gold;border-radius:50%;border-style:none;box-shadow:0 0 3px #f3f3f3;color:#fff;height:20px;outline:none;padding:10px 40px 10px 10px;transition:.5s ease-in-out;width:50px}.input,.input::placeholder{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px}.input::placeholder{color:#8f8f8f}.icon{align-items:center;background-color:initial;border-radius:50%;border-style:none;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;pointer-events:painted;position:absolute;right:0;transition:.2s linear;width:50px}.icon:focus~.input,.input:focus{background-color:initial;border-bottom:3px solid gold;border-radius:0;box-shadow:none;transition:all .5s cubic-bezier(0,.11,.35,2);width:250px}.socail-media{align-items:right;display:flex;gap:10px;list-style:none;position:absolute;right:60px;top:12px}.socail-media li a{align-content:center;align-items:center;background-color:gold;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;width:30px;z-index:9}.socail-media li a svg{color:gold;height:16px;object-fit:contain;width:16px}.socail-media li a:after{background-color:#fff;-webkit-clip-path:polygon(0 0,100% 0,0 0,0 100%);clip-path:polygon(0 0,100% 0,0 0,0 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.socail-media li a:hover:after{animation:sideClip .5s linear;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}.socail-media li a:hover svg{animation:fadeInLeft .3s linear both;color:gold}@keyframes sideClip{0%{-webkit-clip-path:polygon(0 0,100% 0,0 0,0 100%);clip-path:polygon(0 0,100% 0,0 0,0 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,0 100%,0 100%);clip-path:polygon(0 0,100% 0,0 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.row{color:#fff;margin-bottom:-8px;margin-left:16px;position:relative}.row__arrows{display:flex;justify-content:space-between;padding:0;position:absolute;top:60%;transform:translateY(-50%);width:100%}.row__arrow{background-color:initial;border:none;cursor:pointer;padding:0}.row__arrow svg{fill:#fffc}.row__arrow:hover svg{fill:#fff}body{overflow-x:hidden}.row__posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:16px}.row__posters::-webkit-scrollbar{display:none}.row__poster{border-radius:16px;margin-right:16px;max-height:100px;object-fit:contain;transition:transform .45s;width:100%}.row__poster:hover{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;opacity:1;transform:scale(1.1)}.row__posterLarge{max-height:230px}.row__posterLarge:hover{opacity:1;transform:scale(1.08)}.title{display:inline-block;margin-bottom:4px;position:relative}.title:after{background-color:gold;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}body.ReactModal__Body--open{background-color:#00000080}.loginScreen:before{background-color:#111;content:"";display:block;height:70px;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease-in;width:100%;z-index:10}.loginScreen__black-bar:before{opacity:1}.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;top:0;z-index:1}.loginScreen__body>h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body>h2{font-size:2rem;font-weight:400;margin-bottom:30px}.loginScreen__body>h3{font-size:1.3rem;font-weight:400}.loginScreen__body{color:#fff;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;top:20%;z-index:1;@media (max-width:768px){margin-top:.1vh}}.loginScreen__gradient{background:#0006;background-image:linear-gradient(0deg,#000c 0,#0000 60%,#000c);height:100vh;width:100%;z-index:1}.loginScreen__button{background-color:gold;border:none;color:#fff;font-size:1rem;font-weight:600;padding:10px 20px;right:20px;top:20px;@media (max-width:768px){font-size:.875rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}}.loginScreen__button,.loginScreen__logo{cursor:pointer;position:fixed;z-index:11}.loginScreen__logo{left:0;object-fit:contain;top:0;width:200px}.loginScreen__input>form>input{background-color:#111;border:none;color:#fff;font-size:larger;font-weight:550;height:40px;max-width:600px;opacity:.93;outline-width:0;padding:10px;width:30%;@media (max-width:768px){max-width:none;width:90%}}.loginScreen__input{margin:20px}.loginScreen__getStarted{background-color:gold;border:none;color:#fff;cursor:pointer;font-size:1rem;font-size:larger;font-weight:550;padding:16px 20px;@media (max-width:768px){font-size:.875rem;padding-bottom:1em;padding-top:1em}}.loginScreen__text>h1{font-size:50px;line-height:1.1;margin-bottom:8px;@media (max-width:768px){font-size:40px}}.loginScreen__text>h2{font-size:26px;line-height:1.1;margin-bottom:8px;@media (max-width:768px){font-size:20px}}.loginScreen__back{align-items:center;background-color:#111;border-bottom:8px solid #222;color:#fff;display:flex;flex-direction:column;font-size:16px;margin-top:10vh;overflow:hidden;padding:50px 10%;@media (max-width:768px){align-items:center;flex-direction:column;margin-top:5.3vh;padding-bottom:3em;padding-top:3em}}.loginScreen__textImage{border-radius:15px;max-width:100%;overflow:hidden;width:450px;@media (max-width:768px){margin-bottom:10px;margin-left:auto;margin-right:auto;margin-top:10px;width:80%}}.loginScreen__content{align-items:center;display:flex;justify-content:space-between;margin-bottom:80px;@media (max-width:768px){align-items:center;flex-direction:column}}.loginScreen__content>div{flex:1 1;max-width:33%;text-align:center;@media (max-width:768px){margin-bottom:20px;max-width:100%}}.loginScreen__text:after{background-color:gold;content:"";display:block;height:4px;margin:20px auto;width:100%}.loginScreen__text{margin-bottom:20px;max-width:100%;text-align:center}.signupScreen{background:#000000b3;margin-left:auto;margin-right:auto;max-width:300px;padding:70px}.signupScreen>form>h1{margin-bottom:25px;text-align:left}.signupScreen__gray{color:gray}.signupScreen>form>h4{font-size:larger;font-weight:550;margin-top:30px;text-align:left}.signupScreen>form{display:grid;flex-direction:column}.signupScreen>form>input{background-color:#4b4b4b;border:none;border-radius:5px;color:#fff;font-size:larger;font-weight:550;height:40px;margin-bottom:14px;opacity:.9;outline-width:0;padding:5px 15px}.signupScreen>form>button{background-color:gold;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-size:larger;font-weight:600;font-weight:550;margin-top:20px;padding:16px 20px}.signupScreen__link:hover{cursor:pointer;text-decoration:underline}.profileScreen{color:#fff;height:100vh}.profileScreen__body{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding-top:8%;width:100%}.profileScreen__info{display:flex}.profileScreen__details{color:#fff;flex:1 1;margin-left:25px}.profileScreen__body>h1{border-bottom:1px solid #282c2d;font-size:40px;font-weight:400;margin-bottom:20px}.profileScreen__details>h2{background-color:gray;box-sizing:border-box;font-size:14px;margin-top:10px;padding:10px;width:100%}.profileScreen__signOut{background-color:gold;border:none;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:10%;padding:10px 20px;width:100%}.profileScreen__plans{margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profileScreen__info>img{height:100px}@media screen and (max-width:768px){.profileScreen__body{align-items:center;padding-top:25%}.profileScreen__info{align-items:center;flex-direction:column;text-align:center}.profileScreen__details{margin-left:0;margin-top:15px;text-align:center}.profileScreen__body>h1{font-size:30px;margin-bottom:10px}.profileScreen__details>h2{font-size:12px;margin-top:10px}.profileScreen__signOut{font-size:.8rem;margin-top:10%}.profileScreen__plans{text-align:center}.profileScreen__info>img{height:80px;margin-bottom:10px}}.browseScreen{background-color:#111}
/*# sourceMappingURL=main.027fe1fa.css.map*/