@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);body{background:#221f1f;color:#fff;font-family:Lato,sans-serif}.TitleList .Title,h2{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:1em}p{font-size:15px;font-weight:300;line-height:1.6;margin-bottom:1em}ul{list-style-type:none}.Header{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background:-webkit-linear-gradient(top,#000,transparent);background:linear-gradient(180deg,#000 0,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);display:flex;padding:40px;position:fixed;top:0;left:0;width:100vw;box-sizing:border-box;z-index:5}.Logo{width:151px;height:41px;margin-right:10px;-webkit-transition:margin .125s ease;transition:margin .125s ease}.Logo svg{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.Logo svg path{fill:#e50914;-webkit-transition:fill .125s ease;transition:fill .125s ease}.Logo:hover{cursor:pointer;margin-top:2px}.Logo:hover svg path{fill:#fff!important}.Navigation ul{display:flex;height:37px;align-items:center;padding:0 10px}.Navigation ul li{font-weight:400;padding:7px 10px;font-size:14px;-webkit-transition:background .125s ease;transition:background .125s ease;border-radius:3px}.Navigation ul li:hover{background:#e50914;cursor:pointer}.Search{align-items:center;width:100%;position:absolute;display:flex;justify-content:center;pointer-events:none}.Search input{font-family:Lato,sans-serif;font-weight:300;font-size:14px;height:37px;width:20%;background:transparent;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border:2px solid rgba(245,245,241,.1);outline:none;border-radius:37px;padding:0 10px;pointer-events:all;-webkit-transition:border .25s ease,width .125s ease .125s;transition:border .25s ease,width .125s ease .125s}.Search input:focus{border:2px solid #e50914;width:30%}.UserProfile{margin-left:auto}.UserProfile .User{display:flex}.UserProfile .User .image{border-radius:44px;margin-left:10px;overflow:hidden;width:44px;height:44px;box-sizing:border-box;border:3px solid transparent;-webkit-transition:border .125s ease;transition:border .125s ease}.UserProfile .User .image img{width:100%;display:block}.UserProfile .User .name{align-items:center;display:flex;font-size:18px;font-weight:300;height:44px}.UserProfile .User:hover{cursor:pointer}.UserProfile .User:hover .image{border:3px solid #e50914}.UserProfile .UserProfile-menu{display:none}.Hero{width:100%;position:relative;background-size:cover;min-height:800px}.Hero .content{position:relative;z-index:4;width:500px;left:10vw;top:10vw}.Hero .content .logo{max-width:400px;display:block;position:relative;left:-5px}.Hero .content p{width:100%}.Hero .content .button-wrapper{display:flex;width:400px;margin-top:30px}.Hero .content .button-wrapper .Button:first-child{margin-right:10px}.Hero .overlay{background:-webkit-gradient(linear,left top,left bottom,from(#221f1f),to(rgba(34,31,31,0)));background:-webkit-linear-gradient(top,#221f1f,rgba(34,31,31,0));background:linear-gradient(180deg,#221f1f 0,rgba(34,31,31,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);height:100%;position:absolute;z-index:3;top:0;left:0;width:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Button{background:transparent;display:flex;height:44px;align-items:center;justify-content:center;text-decoration:none;color:#fff;padding:20px;box-sizing:border-box;border:2px solid rgba(245,245,241,.2);border-radius:44px;font-size:14px;font-weight:600;-webkit-transition:border .125s ease,background .125s ease;transition:border .125s ease,background .125s ease}.Button:hover{border:2px solid #f5f5f1}.Button[data-primary=true]{border:2px solid #e50914}.Button[data-primary=true]:hover{background:#e50914}.Hero~.TitleList:nth-child(3){margin-top:-10vw;position:relative;z-index:4}.TitleList{padding:20px 40px;box-sizing:border-box;-webkit-transition:opacity 3s ease;transition:opacity 3s ease;opacity:0}.TitleList .titles-wrapper{display:flex;flex-wrap:wrap;margin:20px 0;width:calc(100vw - 80px);box-sizing:border-box;justify-content:space-between}.TitleList[data-loaded=true]{opacity:1}.Item{width:calc(20% - 10px);min-width:calc(20% - 10px);background-color:#000;flex:1 0 auto;background-position:50%;background-size:100%;background-repeat:no-repeat;overflow:hidden;margin-right:10px;-webkit-transition:background 1s ease;transition:background 1s ease}.Item:nth-child(n+6){margin-top:20px}.Item:last-child{margin-right:0}.Item .overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(transparent));background:-webkit-linear-gradient(top,rgba(0,0,0,.75),transparent);background:linear-gradient(180deg,rgba(0,0,0,.75) 0,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);padding:20px;position:relative;height:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .125s ease;transition:opacity .125s ease}.Item .overlay .title{font-size:22px;font-weight:200;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.Item .overlay .rating{font-size:14px;opacity:0;-webkit-transition:opacity .25s ease .125s;transition:opacity .25s ease .125s}.Item .overlay .plot{font-size:14px;display:-webkit-box;margin-top:100px;font-weight:300;line-height:1.6;opacity:0;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-transition:margin .25s ease .125s,opacity .25s ease .25s;transition:margin .25s ease .125s,opacity .25s ease .25s}.Item:hover{background-size:150%}.Item:hover .overlay{opacity:1;pointer-events:all}.Item:hover .overlay .plot{margin-top:10px;opacity:1}.Item:hover .overlay .ListToggle,.Item:hover .overlay .rating,.Item:hover .overlay .title{opacity:1}.ListToggle{border:2px solid hsla(0,0%,100%,.2);width:32px;height:32px;font-size:16px;border-radius:32px;overflow:hidden;position:absolute;right:20px;top:20px;opacity:0}.ListToggle:hover{border:2px solid #fff}.ListToggle:hover div{top:-32px}.ListToggle[data-toggled=true]{background:#e50914;border:2px solid #e50914}.ListToggle[data-toggled=true] div{top:-32px}.ListToggle div{position:absolute;top:0;left:0;height:64px;width:32px;-webkit-transition:.125s ease;transition:.125s ease}.ListToggle div i{display:flex;align-items:center;justify-content:center;height:32px;width:32px}.Item{height:200px;width:100px;font-size:25px;margin:10px;display:inline-block;line-height:100px}.mostWatched-container,.sciFi-container,.search-container,.topTV-container,.trending-container{vertical-align:middle;display:inline-block;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;width:96%}.next,.prev{padding-top:10px;padding-bottom:10px;height:100%;cursor:pointer;color:#000;-webkit-transition:.6s ease;transition:.6s ease}.next{margin-left:5px}.prev{margin-right:5px}.next:hover,.prev:hover{color:#fff;height:100%;background-color:rgba(0,0,0,.8)}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.910b3802.chunk.css.map */