*{margin:0}.app{background-color:#111}.mood-filter{padding:20px}.loginscreen{background:url(https://user-images.githubusercontent.com/33485020/108069438-5ee79d80-7089-11eb-8264-08fdda7e0d11.jpg) 50% no-repeat;background-size:100%;height:100vh;position:relative}.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;padding:20px;position:absolute;right:0;text-align:center;top:30%;z-index:1}.loginscreen__gradient{background-image:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.9));height:100vh;width:100%;z-index:1}.loginscreen__button{background-color:#e50914;border:none;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:20px}.loginscreen__logo{left:0;margin-top:20px;object-fit:contain;padding-left:20px;position:fixed;width:120px}.loginscreen__input{margin:20px}.loginscreen__input>form>input{border:none;height:30px;max-width:600px;outline-width:0;padding:10px;width:30%}.loginscreen__getstarted{background-color:#e50914;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 20px}.signupscreen{background:rgba(0,0,0,.85);margin-left:auto;margin-right:auto;max-width:300px;padding:40px}.signupscreen>form>h1{margin-bottom:25px;text-align:left}.signupscreen__gray{color:gray}.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;font-weight:600;margin-top:20px;padding:16px 20px}.signupscreen__link:hover{cursor:pointer;text-decoration:underline}.navbar{display:flex;height:30px;justify-content:space-between;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all .5s;width:100%;z-index:1}.nav__black{background-color:#111}.nav__logo{left:20px;object-fit:contain;position:fixed;width:90px}.nav__contents{display:flex;justify-content:space-between;width:100%}.nav__right{align-items:center;display:flex;position:absolute;right:20px}.nav__mood-filter{margin-right:40px}.nav__mood-filter select{background-color:#111;border:1px solid #fff;border-radius:5px;color:#fff;padding:5px}.nav__avatar{cursor:pointer;object-fit:contain;width:30px}.banner{color:#fff;height:448px;object-fit:contain}.banner__contents{height:190px;margin-left:30px;padding-top:140px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{font-size:.8rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.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}.banner--fadeBottom{background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);height:7.4rem}.row{color:#fff;margin-left:20px}.row__poster{margin-right:10px;max-height:150px;object-fit:contain;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;width:100%}.row__posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.row__posterLarge{max-height:250px}.row__posterLarge:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.mood-filter{align-items:center;display:flex;justify-content:center;margin:20px}.mood-filter label{color:#fff;font-size:1.2rem;margin-right:10px}.mood-filter select{background-color:#111;border:1px solid #333;border-radius:5px;color:#fff;font-size:1rem;outline:none;padding:10px}.profileScreen{color:#fff;height:100vh}.profileScreen__body{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:50%}.profileScreen__body>h1{border-bottom:1px solid #282c2d;font-size:60px;font-weight:400;margin-bottom:20px}.profileScreen__info{display:flex}.profileScreen__deatails{color:#fff;flex:1 1;margin-left:25px}.profileScreen__deatails>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__plans{margin-top:20px}.profileScreen__plans>h3{border-bottom:1px solid #282c2d;padding-bottom:10px}.profileScreen__info>img{height:100px}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}
/*# sourceMappingURL=main.72e76d0b.css.map*/