@import url(https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap);body{margin:0;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}*{scroll-behavior:smooth}:root{--white:#fff;--black:#000;--gray:grey;--background_white:#ddd;--antiquewhite:#faebd7;--error:#aa1a13;--warning:#b4710c;--info:#653088;--sucess:#0fd884;--default_button:#d5d5d5;--primary_button:#f04;--primary_button_hover:#ffff14;--sucess_btn:#1ad61a;--error_btn:#e41111;--secondary_btn:#1665a7;--info_btn:#2581cc;--input_shadow:#34bb51;--rating:#ffe400;--navbar:#7952b3}.App{min-height:100vh;background-color:#39445a;color:#fff;padding-top:140px;padding-bottom:70px}@media(max-width:700px){.App{padding-top:70px}}.pageTitle{text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;font-family:"Montserrat",sans-serif;font-size:2vw;padding:4px;border-radius:50px;color:#fff}.btn-primary{width:120px;height:20px;margin-top:15px;margin-bottom:15px;margin-left:1.2rem;border:none;color:#fff;background-color:#f04;background-color:var(--primary_button);border-radius:4px;box-shadow:inset 0 0 0 #ffff14;box-shadow:inset 0 0 0 var(--primary_button_hover);transition:.3s ease-out;font-size:1rem;outline:none}.btn-primary:hover{box-shadow:inset 170px 0 0 #ffff14;box-shadow:inset 170px 0 0 var(--primary_button_hover);cursor:pointer;color:#000;color:var(--black)}*{margin:0;padding:0;box-sizing:border-box}.header{width:100%;cursor:pointer;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;background-color:#39445a;color:#fff;z-index:100;font-family:"Montserrat",sans-serif;box-shadow:0 1px 5px #000}.brand-logo{padding-top:2rem;font-family:"Grand Hotel",cursive;font-weight:200;padding-left:1rem;font-size:2.5rem}.final-buttons{display:-webkit-flex;display:flex;padding-top:2rem;grid-gap:1rem;gap:1rem}.logout-btn{height:2rem;padding-top:5 rem}.video-library{font-size:4vw}.login-btn{position:relative;bottom:.5rem}@media (max-width:1000px){.header{padding-top:15px;font-size:6vw}.video-library{display:none}}.trending{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;padding-left:1rem;padding-right:1rem}@media only screen and (max-width:600px){.trending{margin-top:1rem}.pageTitle{padding-top:3rem;font-size:1rem}}#dropdown_header{position:relative;display:block}.dropdown-content{display:none;position:absolute;background-color:#39445a;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content button{color:#000;padding:12px 16px;text-decoration:none;display:block;background-color:#39445a}.dropdown-content button:hover{background:#f5f5f5}.dropdown-content a:hover{background-color:#f1f1f1}#dropdown_header:hover .dropdown-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem}.trending-search{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;padding-top:3rem}.search-input{margin-left:1rem;padding:5px;width:20rem;border-radius:2px;outline:None}@media only screen and (max-width:600px){.container-search{margin-top:3rem}}@media(max-width:550px){.media{width:10rem}}.favourite-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;padding-left:1rem}@media only screen and (max-width:600px){.favourite-container{margin-top:2rem}}.media{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:200px;padding:5px;margin:5px 0;background-color:#282c34;border-radius:10px;position:relative;font-family:"Montserrat",sans-serif}.media:hover{background-color:#cfcaca;color:#000}@media(max-width:550px){.media{width:45%}}.poster{border-radius:10px}.title{width:100%;text-align:center;font-size:17px;padding:8px 0}.subTitle{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;padding:0 2px}a{text-decoration:none;color:#fff}.container-fav,.media_card_signup{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.media_card_signup{width:30rem;height:350px;padding:5px;margin:5px auto;background-color:#282c34;border-radius:10px;position:relative;font-family:"Montserrat",sans-serif;box-shadow:0 1px 5px #fff}@media only screen and (max-width:600px){.media_card_signup{width:20rem}}.media_card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:30rem;height:310px;padding:5px;margin:5px auto;color:#fff;background-color:#282c34;border-radius:10px;position:relative;font-family:"Montserrat",sans-serif;box-shadow:0 1px 5px #fff}.signup-redirect{margin:0 auto}@media only screen and (max-width:600px){.media_card{width:20rem}}.btn-primary-details{width:120px;height:50px;margin-top:15px;border:none;color:#fff;background-color:var(--primary_button);border-radius:4px;box-shadow:inset 0 0 0 var(--primary_button_hover);transition:.3s ease-out;font-size:1.5rem;outline:none}.btn-primary-details:hover{box-shadow:inset 170px 0 0 var(--primary_button_hover);cursor:pointer;color:var(--black)}.detail-image{padding:1rem}.container{display:-webkit-flex;display:flex}.overview{padding-top:3rem}.details-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem}.detail-title{padding-left:1rem}@media only screen and (max-width:600px){.detail-image{width:15rem;height:20rem;object-fit:cover;padding-top:3rem}.overview{font-size:1rem;display:-webkit-flex;display:flex;padding-right:.5rem}.btn-primary-details{width:7rem;height:3rem}.container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.detail-title,.details-container{padding-left:1rem}.detail-title{padding-top:3rem}}
/*# sourceMappingURL=main.77045a52.chunk.css.map */