#root{max-width:fit-content;margin:auto;text-align:center}body{font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#fff2d8;background-color:#1a3a56}h1,h2,h3,h4,h5,h6{font-family:Kalnia,Times New Roman,Times,serif;margin:.5em 0;font-size:1.75rem}img,video{max-width:100%;height:auto}.main-nav a{font-size:1.5rem;color:#1a3a56;padding:12px;font-family:Kalnia,Times New Roman,Times,serif;font-weight:900}.main-nav a:hover{outline:2px solid #8F0043;border-radius:10px;color:#8f0043}.main-nav a:focus,.main-nav a:active{outline:none;color:#8f0043}@media (min-width: 36.06em){.main-nav{display:flex;justify-content:space-between}.main-nav a{font-size:2rem;margin-right:2rem;padding:.5rem}}@media (max-width: 36em){.main-nav{position:fixed;top:auto;bottom:0;left:0;right:0;padding:1rem;background-color:#fff2d8}}.header{position:fixed;top:0;left:0;right:0;padding-top:10px;background-color:#fff2d8;background-image:linear-gradient(0deg,#0000,#25252582,#5e768d);z-index:10}a:hover,a:focus{outline:none}.sitelogo{width:300px;height:100px}@media (min-width: 36.06em){.header{display:flex;justify-content:space-between;align-items:center}}.footer{margin-bottom:5rem;padding:1rem}@media (min-width: 36.06em){.footer{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:1;color:#1a3a56;background-color:#fff2d8;background-image:linear-gradient(180deg,#0000,#25252582,#5e768d);margin-bottom:0}}.hero{position:relative;width:100%;z-index:1;margin-top:7rem}.hero img{opacity:.3}.hero-details{position:absolute;width:70%;bottom:0;left:50%;transform:translate(-50%);text-align:left;padding:1rem}.hero-details h2,p{margin:0}.noOverview-mobile{display:none}@media (min-width: 50em){.hero img{width:100%;height:60vh;object-fit:cover;object-position:top}.hero-details h2{font-size:2rem}.noOverview-mobile{display:block}.hero-details h2,.hero-details p{margin:0;padding:1rem}}.react-tabs__tab-list{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #3ff0af;margin:20px 0 10px;padding:0}.react-tabs__tab{border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative;margin:0 10px}.react-tabs__tab--selected{background-color:#3ff0af;border-radius:5px 5px 0 0;color:#101010;font-weight:600;padding:10px}@media (min-width: 36em){.react-tabs__tab-list{grid-template-columns:repeat(4,1fr)}}.movie-card{width:250px;padding:0 .5rem;margin:1rem;display:inline-grid;text-align:left;align-items:center}.more-info{display:block;width:60%;border-radius:10px}.more-info:hover{border:none}.more-info:hover a{color:#fff2d8}.movie-card h6{font-size:1.25rem;line-height:2rem;margin:0}.hover-overview{position:relative;height:350px;width:auto;overflow:hidden;box-shadow:.5rem .5rem 1rem #4e6d61}.hover-overview img{width:100%;height:100%;object-fit:cover}svg#favorite-color{height:40px;width:40px;position:absolute;right:-.3rem;top:0}.more-info,.btn-hover{background-color:#8f0043}.more-info a,.btn-hover a{color:#fff2d8}.rating{position:absolute;top:0;left:0;background-color:#8f0043;height:2.5rem;width:2rem}.rating p{color:#f5f5f5;font-size:1rem;font-weight:700;margin:.5rem auto;text-align:center}@media (min-width: 50em){.overview{position:absolute;bottom:0;left:0;background-color:#000c;color:#fff;padding:10px;font-size:14px;display:none}.hover-overview:hover{transform:translateY(-8px);transition:transform .25s ease-in 0s,-webkit-transform .25s ease-in 0s}.hover-overview:hover .overview{display:block;bottom:0;left:0;height:70%}.hover-overview:hover .btn-hover{display:block}.more-info{display:none}.btn-hover{position:absolute;bottom:100px;left:50%;transform:translate(-50%);padding:5px 10px;color:#fff;border:none;border-radius:5px;cursor:pointer;display:none}.btn-hover:hover{background-color:#fff2d8}.btn-hover:hover a{color:#8f0043}}.search-bar{display:flex;justify-content:center;padding:1rem;height:2.5rem}.search-bar button{border-radius:10px;background-color:#8f0043;color:#fff2d8}input{width:50%;margin-right:1rem;padding:10px;border-radius:.2cm}@media (min-width: 50em){input{width:30%}}.load-btn{margin:20px auto 50px;padding:10px 20px;background-color:#3ff0af;color:#000;border:none;border-radius:5px;cursor:pointer}.load-btn:hover{background-color:#3ff0af}@media (min-width: 36em){.moviecard-style{padding:1rem}.load-btn{margin-bottom:5rem}}.about-container{text-align:left;margin-top:2rem}.side-photo img{object-fit:cover}.about-info{padding:1rem;margin-bottom:2rem}.tmdb-container{width:50px;margin-top:.5rem}ul{list-style-type:none}.icon-large{font-size:1em;margin:0 3px;color:#eb817e}@media (min-width: 40em){.side-photo img{height:700px;width:100%}}@media (min-width: 50em){.side-photo{float:left}.about-info{padding-left:22rem;font-size:1.2rem}.side-photo img{height:450px;width:auto;padding-left:1rem}}.fav-container{display:flex;flex-direction:column;margin-top:6rem;margin-bottom:4rem}.cast-style img{height:200px;border-radius:20%}@media (min-width: 36em){.cast-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.cast-container h6{width:100%}.cast-style{display:grid}.cast-style h6{font-size:1.2rem}}.single-page{margin-bottom:1rem;padding:1rem}.movie-details{text-align:left}.single-container{margin-top:7rem;display:flex;flex-direction:column}.image-fav-icon{float:left;position:relative;height:450px;width:288px;overflow:hidden;padding:0;margin:0}.image-fav-icon img{width:100%;height:100%;object-fit:cover}@media (min-width: 36em){.single-container{display:grid;grid-template-columns:repeat(2,1fr)}.movie-details{padding-left:1.5rem}}@media (min-width: 40em){.movie-details{margin-right:2rem}.image-fav-icon{height:500px;width:300px}}@media (min-width: 50em){.single-container{display:grid;grid-template-columns:repeat(2,1fr)}.image-fav-icon{height:600px;width:400px}}@media (min-width: 62em){.single-container{display:grid;grid-template-columns:repeat(2,1fr)}.movie-details{margin-right:2.5rem}}@media (min-width: 80em){.single-container{display:grid;grid-template-columns:25% 75%;gap:4rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}button svg{display:inline-block}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#1a3a56}a:hover{color:#747bff}body{margin:0}}