*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#111}.row{color:#fff}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__posters{-ms-overflow-style:none;scrollbar-width:none}.row_poster{max-height:100px;object-fit:contain;margin-right:10px;transition:.45s}.row_poster:hover{transform:scale(1.08);opacity:1}.row_posterLarge{max-height:250px}.row_posterLarge:hover{transform:scale(1.09);opacity:1}.banner{height:448px;object-fit:contain;color:#fff;position:relative}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3rem;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px}.banner__fadeButton{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.banner__button{cursor:pointer;color:#fff;outline:none;border:none;font-weight:700;border-radius:.2vw;margin-right:1rem;background-color:rgba(51,51,51,.5);padding:.5rem 2rem}.banner__button:hover{color:#000;background-color:#e6e6e6;transition:.2s}.nav{position:fixed;top:0;padding:20px;width:100%;height:30px;z-index:1;transition-timing-function:ease-in;transition:.5s}.nav__black{background-color:#111}.nav__contents{display:flex;justify-content:center}.nav__logo{top:10px;left:0;width:80px;object-fit:contain;padding-left:20px}.nav__avatar,.nav__logo{position:fixed;cursor:pointer}.nav__avatar{right:20px;width:30px;height:30px}.loginScreen{position:relative;height:100%;background:url(https://thebutlercollegian.com/wp-content/uploads/2019/03/netflix-image.jpg)50% no-repeat;background-size:cover}.loginScreen__body>h1{color:#fff;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{position:absolute;top:30%;margin-left:auto;margin-right:auto;text-align:center;z-index:1;color:#fff;padding:20px;left:0;right:0}.loginScreen__gradient{height:100vh;z-index:1;width:100%;background:rgba(0,0,0,.4);background-image:linear-gradient(top,rgba(0,0,0,.8) 0,transparent 60%,rgba(0,0,0,.8)100%)}.loginScreen__signIn{position:fixed;right:20px;top:20px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#e50914;font-weight:600;border:none;cursor:pointer}.loginScreen__logo{position:fixed;left:0;width:150px;object-fit:contain;padding-left:15px}.loginScreen__input>form>input{padding:10px;height:30px;width:30%;outline-width:0;border:none;max-width:600px}.loginScreen__input{margin:20px}.loginScreen__getStarted{padding:16px 20px;font-size:1rem;color:#fff;background-color:#e50914;border:none;font-weight:600;cursor:pointer}.signUpScreen{max-width:300px;padding:70px;margin-left:auto;margin-right:auto;background:rgba(0,0,0,.85)}.signUpScreen>form{display:grid;flex-direction:column}.signUpScreen>form>h1{text-align:center;margin-bottom:25px}.signUpScreen>form>h4{text-align:center;margin-top:20px}.signUp__gray{color:grey}.signUp__link:hover{text-decoration:underline;cursor:pointer;color:#00f}.signUpScreen>form>input{outline-width:0;height:40px;margin-bottom:14px;border-radius:5px;border:none}.signUpScreen>form>button{font-size:1rem;padding:16px 20px;color:#fff;background-color:#e50914;border:none;cursor:pointer;font-weight:600;margin-top:15px}.planscreen__plan{display:flex;opacity:.8;justify-content:space-between;padding:4px}.planscreen__plan:hover{opacity:1}.planscreen__plan>button{color:#fff;background-color:#e50914;font-size:1rem;font-weight:600;padding:4px 10px;border:none;outline:none;cursor:pointer}.planscreen__plan__disabled>button{background-color:grey!important}.profile{height:100vh;color:#fff}.profile__body{display:flex;flex-direction:column;width:50%;margin-left:auto;margin-right:auto;padding:8%;max-width:800px}.profile__body>h1{font-size:60px;font-weight:400;margin-bottom:20px;border-bottom:1px solid #282c2d}.profile__info>img{height:100px}.profile__info{display:flex}.profile__details{color:#fff;margin-left:25px;flex:1 1}.profile__details>h2{background-color:grey;font-size:15px;padding:15px 15px 15px 20px}.profile__plans{margin-top:20px}.profile__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profile__signOut{font-size:1rem;padding:10px 20px;outline-width:0;outline:none;width:100%;margin-top:5%;color:#fff;background-color:#e50914;border:none;font-weight:600}.profile__signOut:hover{cursor:pointer}
/*# sourceMappingURL=main.bb8413af.chunk.css.map */