body,html{height:100%;margin:0}body{background:#0d0d0d;color:#fff;font-family:Roboto}.App{margin:0 auto}.search-bar{float:right}.search-values{background:"transparent";width:260px;position:absolute;margin-left:-11px;padding-top:5px;z-index:1}.search-values ul{list-style:none}.search-values ul li{margin:20px}.search-values a{text-decoration:none;color:#000}.search-values a:hover{font-weight:600}.bgImage{height:750px;width:100%;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;color:#fff;z-index:0}.popularInfo{position:absolute;top:20%;left:6%;width:40%}.popularInfo h1{margin:0 0 30px}.popularInfo button{background:#c00;color:#fff;height:50px;width:200px;margin-top:20px;font-size:20px;outline:none;border:1px solid red;cursor:pointer;font-weight:lighter}.popularInfo button:hover{background:#e60000}.switchImg{position:absolute;top:90%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.switchImg div{width:30px;height:10px;background:transparent;border:1px solid #fff;border-radius:2px;display:inline-block;margin:20px;cursor:pointer}.switchImg div.active{background:#404040}.lists{margin:20px 0}.lists:first-child{margin-top:10px}.lists h2{padding-left:70px;margin-bottom:10px}.menu-item{padding:0;margin:5px 2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:none}.menu-item-wrapper.active{border:1px solid #00f}.menu-item.active{border:1px solid green}.movie-card{position:relative;transition:all .9s;background:#000}.movie-card,img{width:300px;height:170px}img{vertical-align:0;transition:all .7s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.movie-title{position:absolute;top:40%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);text-align:center;width:100%;white-space:normal;color:#fff;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.movie-card:hover{width:330px;height:190px}.movie-card:hover .movie-title{visibility:visible;opacity:1}.movie-card:hover img{width:330px;height:190px;vertical-align:-12px;opacity:.3}.scroll-menu-arrow{padding:20px;cursor:pointer}.horizontal-menu{height:200px}.arrow-next,.arrow-prev{color:red;font-size:40px}.content{width:50%;margin:0 auto;padding:20px;min-height:410px;font-size:18px;color:#fff;font-weight:500}.content h1{text-align:center;margin:10px 30px 30px}.content p{line-height:19px}.video{position:relative;box-shadow:0 0 30px grey}iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.overview-container{margin-top:10px}.year-run-vote span{font-size:14px;padding-right:6px}.run,.vote{border-left:1px solid #fff;padding-left:6px}.greyed{color:#9c9c9c}i{color:gold}footer{height:70px;background:#000;color:#fff;border-top:1px solid red;text-align:center}footer p{margin:20px auto}.back-height{height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}@media only screen and (max-width:900px){.back-height{height:100vh}.bgImage{height:700px}.header-overview{display:none}.popularInfo{text-align:center;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:90%}.switchImg div{margin:10px}.lists{margin:0}.lists h2{margin-bottom:0}.movie-card,img{width:230px;height:140px}.movie-card:hover,.movie-card:hover img{width:260px;height:160px}.arrow-next,.arrow-prev{font-size:20px}.scroll-menu-arrow{padding:10px}.content{width:90%;font-size:93%}.content h1{margin:30px 0}}@media only screen and (max-width:690px){nav{height:100px}.logo,.search-bar{float:none}.logo{text-align:center}.search-input{width:95%}.search-values{width:87%}.bgImage{height:400px;background-size:cover}.popularInfo button{margin:0}.lists h2{padding-left:5px;margin-bottom:10px}.movie-card,img{width:190px;height:100px}.movie-card:hover,.movie-card:hover img{width:220px;height:120px}.movie-title{font-size:14px}}@media only screen and (max-width:450px){.back-height{height:100%}.lists:first-child{margin-top:30px}.lists{margin:50px 0}.popularInfo{text-align:center;top:40%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:90%}.popularInfo button{height:40px;width:100px;font-size:90%;margin-top:10px}.lists h2{padding-left:30px;margin-bottom:10px}.horizontal-menu{height:125px}.movie-card,img{width:191.6px;height:120px}.movie-card:hover,.movie-card:hover img{width:200;height:140px}}@media only screen and (max-width:350px){.back-height{height:100%}.popularInfo{text-align:center;top:40%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:90%}.popularInfo button{height:40px;width:100px;font-size:90%;margin-top:10px}.horizontal-menu{height:100px}.movie-card,img{width:160px;height:90px}.movie-card:hover,.movie-card:hover img{width:180px;height:105px}}@media only screen and (max-height:800px){.back-height{height:100%}}
/*# sourceMappingURL=main.ce376331.chunk.css.map */