*{box-sizing:border-box;margin:0;padding:0}a{cursor:pointer;text-decoration:none}.header_container{align-items:center;background-color:rgba(0,128,128,.2);border-bottom:2px solid rgba(0,128,128,.233);display:flex;justify-content:space-between;padding:1.2% 7%;width:100%}.header_container div.title a{color:teal;font-size:2rem}nav.nav_bar a{color:rgba(0,128,128,.7);font-size:13px;margin:0 15px;text-transform:uppercase}nav.nav_bar a:hover{color:teal;cursor:pointer;transition:color 5ms ease}nav.nav_bar a.active{color:teal;font-weight:600}.menu_bar{display:none}.search_container{border:2px solid rgba(0,128,128,.4);border-radius:2rem;display:flex;flex:1 1;margin:0 10%}.search_container input{background-color:transparent;border:none;color:teal;outline:none;padding:.8rem;text-transform:uppercase;width:100%}.search_container button{background-color:rgba(0,128,128,.788);border:none;border-radius:2rem;color:#fff;margin:2px;padding:0 2rem}.search_container button:hover{background-color:teal;cursor:pointer}.body_container{padding:0 10%}.hero_container{display:flex;height:auto;width:100%}.hero_image_container{background-image:linear-gradient(90deg,rgba(0,128,128,.8) 0,rgba(0,128,128,.8)),url(/static/media/splash.3acb0b02aae62aaa6b9e.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:40vh;justify-content:center;min-height:300px;padding:0 2.5rem;width:100%}.hero_image_container div.hero_text{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.hero_image_container div.hero_text h1{font-size:3em;font-weight:700;line-height:1.5}.hero_image_container div.hero_text h3{font-size:1.7em;font-weight:400}.hero_image_container div.hero_search{border:2px solid rgba(0,128,128,.4);border-radius:2rem;display:none;margin-top:2rem}.hero_popular_container{display:flex;height:58.82353vh;margin-bottom:2rem;padding:0 4rem;width:100%}.hero_popular_container div.inner_container{width:100%}.popular_tab_container{display:flex}.inner_tab_container{background:#fff;border:2px solid teal;border-radius:1rem;display:flex;justify-content:space-between}.inner_tab_container button{background:#fff;border:none;border-radius:.8rem;color:teal;font-size:.8rem;font-weight:700;margin-right:.6rem;min-width:5rem;padding:.5rem}.inner_tab_container button:last-child{margin-right:-1px}.inner_tab_container button.active{background:teal;color:#fff}.popular_silder_container{height:90.90909%;padding:1rem;width:100%}.filter_container{margin-bottom:1.2rem;margin-top:2rem}.filter_container button{background:#fff;border:2px solid teal;border-radius:.8rem;color:teal;font-size:.8rem;font-weight:700;margin-right:.6rem;min-width:5rem;padding:.3rem}.filter_container button.active{background:teal;color:#f0f8ff}.filter_container button:hover{background:teal;color:#f0f8ff;cursor:pointer;transition:background .5s ease}.popular_movies{grid-column-gap:1rem;grid-row-gap:2rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 2rem;row-gap:2rem}.movie_card h2{border:1px solid #f5f5f5;border-bottom:0;border-radius:.7rem .7rem 0 0;display:grid;font-size:.8rem;height:3rem;place-items:center;text-align:center}.movie_card img{border:1px solid #f5f5f5;border-radius:0 0 .7rem .7rem;border-top:0;height:40vh;object-fit:cover;width:100%}.pagination_container{height:2rem;width:100%}.containerClassName{background-color:red;display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));height:100%;place-items:center}.loading{color:teal;font-size:2rem;margin:30vh 0;text-align:center}div.page_content{display:grid;height:100vh;place-items:center;width:100%}div.page_content h1{color:teal;font-size:5rem;font-weight:600}@media only screen and (max-width:600px){.hero_image_container div.hero_search{display:flex;margin-top:2rem}.div_search,.search_container button{display:none}.header_container div.title a{font-size:1.5rem}nav.nav_bar{display:none}.menu_bar{display:flex}.search_container{background-color:#fff;border:none;margin:0}}@media only screen and (min-width:600px){.header_container div.title a{font-size:1.5rem}nav.nav_bar{display:none}}@media only screen and (min-width:900px){nav.nav_bar{display:flex}}
/*# sourceMappingURL=main.17e50a96.css.map*/