html,body{overflow-x:hidden}body{background-color:#1c1c1c;color:#fff;font-family:Noto sans,serif}#root{width:100%}.favorite-button{background-color:transparent;border:none}a{color:#fff}a:hover{text-decoration:none;scale:1.5}main{display:none}header{position:fixed;top:0;left:0;right:0;display:flex;width:calc(100% - 10vw);align-items:center;justify-content:space-between;padding:0 5vw;z-index:1000;background:linear-gradient(0deg,#1c1c1c00 13%,#1c1c1c82 33%,#1c1c1cab 49%,#1c1c1cd1 66%,#1c1c1ce8 79%,#1c1c1c 94%)}.logo{width:50vw;z-index:1000;opacity:0;animation:fadeIn .5s ease-in forwards}.logo img{width:100%;height:auto}.hamburger-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:transparent;color:#fff;text-align:center;z-index:1000;position:relative;opacity:0;animation:fadeIn .5s ease-in forwards}.hamburger .line{width:50px;height:5px;background-color:#ff0;display:block;margin:8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#hamburger-1.open .line:nth-child(2){opacity:0}#hamburger-1.open .line:nth-child(1){-webkit-transform:translateY(13px) rotate(45deg);-ms-transform:translateY(13px) rotate(45deg);-o-transform:translateY(13px) rotate(45deg);transform:translateY(13px) rotate(45deg)}#hamburger-1.open .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(-45deg);-ms-transform:translateY(-13px) rotate(-45deg);-o-transform:translateY(-13px) rotate(-45deg);transform:translateY(-13px) rotate(-45deg)}.mobile-nav{display:flex;justify-content:center;position:fixed;top:0;right:0;width:100%;height:100vh;background-color:#1c1c1c;transform:translate(100%);transition:transform .3s ease;z-index:999}@media (min-width: 26.875em){.logo{max-width:40vw}}@media (min-width: 43.75rem){.logo{max-width:30vw}}@media (min-width: 50rem){.logo{max-width:20vw}}.nav{display:none}.mobile-nav ul{margin-top:10vh;padding:0}.mobile-nav ul li{list-style-type:none;padding:2rem;font-size:2rem;text-align:center}.fade-line{display:block;height:2px;background:linear-gradient(to right,transparent,yellow,transparent);width:100%}li a{text-decoration:none;text-align:center}.mobile-nav.open{transform:translate(0)}.main-nav{display:none}.mobile-nav li a.active{color:#ff0}@media (min-width: 50em){.main-nav-mobile{display:none}.nav{display:flex}.nav ul{display:flex;list-style:none;gap:2rem;font-size:1.5rem}.fade-line-bscreen{display:block;height:2px;background:linear-gradient(to right,transparent,yellow,transparent);width:100%;opacity:0;transition:opacity .2s ease-in-out}.nav-li:hover .fade-line-bscreen{opacity:1}}.banner{margin-bottom:1rem;z-index:0}.movie-poster{position:absolute;top:0;margin:auto;display:block;width:fit-content;z-index:0}.banner-backdrop-image{width:100%;opacity:0;animation:fadeIn 1s ease-in forwards}.banner-backdrop{position:absolute;width:100%;height:100%;top:0;left:0;right:0;background:#2e2e2e;background:linear-gradient(0deg,#1c1c1c,#1c1c1c80,#1c1c1c00)}.banner-info-wrapper{position:relative;margin:10vh 5vw auto;opacity:0;animation:fadeIn 1s ease-in forwards}.banner-movie-info p{margin:0}.banner-movie-info .movie-genre,.banner-overview p{margin-bottom:1rem}.banner-image{display:none}@media (min-width: 43.75em){.banner-info-wrapper{display:grid;align-items:center;grid-template-columns:repeat(2,1fr)}.banner-image{justify-self:center;display:block;max-width:12.5rem}.banner-image img{width:100%}}@media (min-width: 62.5em){.banner-image{max-width:15.625rem}}@media (min-width: 80em){.movie-poster{width:100vw}.banner-image{max-width:21.875rem}.banner-info-wrapper{margin-top:calc(10vh + 2rem)}}@media (min-width: 80em){.banner-movie-info h2{font-size:2rem}}footer{margin-top:2rem;text-align:center;opacity:0;animation:fadeIn .5s ease-in forwards}.category{margin:auto 5vw;opacity:0;animation:fadeIn 1s ease-in forwards}.category-button{display:flex;justify-content:space-between}.category-button button{background:transparent;border:none;color:#fff;font-weight:700;padding:0;text-align:center;cursor:pointer}.category-button button:hover,.category-button button.active{color:#ff0}@media (min-width: 37.5rem){.category{position:relative;z-index:1}.category-button{justify-content:flex-start;gap:1rem}}@media (min-width: 80rem){.category-button button:hover{scale:1.2}}.movie-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center;margin:auto 5vw;opacity:0;animation:fadeIn .5s ease-in forwards}@media (min-width: 50rem){.movie-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 80em){.movie-wrapper{margin-top:3.5rem;grid-template-columns:repeat(4,1fr)}}@media (min-width: 120rem){.movie-wrapper{grid-template-columns:repeat(5,1fr)}}.movie-card{margin-bottom:3rem;height:auto}.movie-card .fave-text{display:none}.movie-card img{width:100%;height:auto}.movie-card-overlay{position:absolute;top:0;bottom:0;margin:auto;display:flex;flex-direction:column;padding:1rem;justify-content:center;display:none}.movie-card-overlay a{align-self:center}.movie-card-wrapper{position:relative;max-width:11.5625rem}.favorite-button{background:#2e2e2e;background:radial-gradient(circle,#1c1c1c 5%,#1c1c1c80,#1c1c1c00 65%);border-radius:50%;position:absolute;right:0;margin:5%}.favorite-button img{width:2.1875rem}.rating{position:absolute;left:0;margin:5%;font-size:.75rem;display:flex;background-color:#1c1c1c;height:2.1875rem;width:2.1875rem;border:1px solid yellow;border-radius:50%;align-items:center;justify-content:center}.card-title{margin:1rem auto 0}.card-date{margin:0 0 1rem}.favorite-button{cursor:pointer}@media (min-width: 26.875em){.favorite-button img{width:3.125rem}.rating{height:3.125rem;width:3.125rem;font-size:1rem}}@media (min-width: 37.5em){.movie-card-wrapper{max-width:250px}}@media (min-width: 80em){.favorite-button{cursor:pointer}.movie-card-overlay{display:flex;background-color:#1c1c1c;opacity:0;transition:opacity .25s ease-in-out;pointer-events:none;align-items:center}.movie-card-wrapper:hover{scale:1.2}.movie-card-wrapper:hover .movie-card-overlay{pointer-events:auto;background-color:#1c1c1ce6;opacity:1}.movie-card-wrapper:hover .card-title,.movie-card-wrapper:hover .card-date,.movie-card-wrapper:hover .card-more-info{opacity:0}.rating,.favorite-button{z-index:1}.favorite-button:hover{scale:1.2}}.load-more{background-color:transparent;border:none;color:#fff;text-decoration:underline;width:100%;margin:auto;opacity:0;animation:fadeIn .5s ease-in forwards;cursor:pointer}.load-more:hover{scale:1.5}.back-top{z-index:2;cursor:pointer;position:fixed;bottom:10vh;right:5vw;background:#2e2e2e;background:radial-gradient(circle,#1c1c1c 5%,#1c1c1c80,#1c1c1c00 65%);border-radius:50%;border:none;padding:0}.back-top img{width:3.125rem;height:3.125rem}.search-bar{position:relative;width:calc(90vw - .625rem);margin:1rem 5vw;padding:.625rem .3125rem;border:.125rem yellow solid;border-radius:.3125rem;background-color:#1c1c1c;color:#fff;outline:none;z-index:1;opacity:0;animation:fadeIn 1s ease-in forwards}@media (min-width: 37.5rem){.search-bar{width:40%}}@media (min-width: 50rem){.back-top{background:radial-gradient(circle,#1c1c1c 5%,#1c1c1c80,#1c1c1c00 65%);border-radius:50%;border:none}.back-top img{width:6.25rem;height:auto}}.individual-background-poster{position:absolute;z-index:0;top:0}.individual-banner-backdrop-image{width:100%}.single-banner-poster{margin:10vh 5vw auto}.individual-banner-backdrop{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(0deg,#1c1c1c,#1c1c1c80,#1c1c1c00)}.individual-banner-overlay{position:absolute;top:0;width:100%;height:100%;background-color:#1c1c1c;opacity:.6}.movie-detail{position:relative;z-index:1}.individual-movie-poster{display:none}.detail-wrapper{display:grid;grid-template-columns:repeat(3,1fr);justify-items:start;align-items:center;width:90vw;margin:1rem auto}.movie-detail p{margin:auto 5vw}.trailer-link{text-align:center;text-decoration:none;background-color:#1c1c1c;border:yellow 1px solid;padding:.625rem;border-radius:1.25rem}.trailer-link:hover{background-color:#ff0;border:#2e2e2e 1px solid;color:#000;scale:unset}.movie-detail .add-to-favorite button{position:relative}.individual-rating{font-size:.75rem;display:flex;background-color:#1c1c1c;height:2.1875rem;width:2.1875rem;border:1px solid yellow;border-radius:50%;align-items:center;justify-content:center}.date-genre p{margin:0}.add-to-favorite{display:flex;align-items:center;justify-content:center;margin:auto 5vw}.credits{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:1rem 5vw;gap:1rem}.credits div{display:flex;flex-direction:column;align-items:center}.credits p{margin:0}.director-writer{font-weight:700}.credits a:hover{scale:unset}.cast{max-width:100%;margin:auto 5vw}.cast-detail{display:flex;gap:1rem;justify-items:center;flex-wrap:wrap;align-items:flex-start;justify-content:center}.cast-card{display:flex;width:8.5rem;flex-direction:column}.cast-image img{width:100%}.cast-card p{margin:auto}.cast-card a{text-align:center;scale:unset}.cast-section{text-align:center}.cast-card .cast-name{font-weight:700;margin-top:1rem}.cast-card .character{margin-bottom:1rem}.view-more-wrapper{margin:auto;display:flex;justify-content:center}.view-more{background-color:transparent;border:none;color:#fff;text-decoration:underline;cursor:pointer}.add-to-favorite .favorite-button{display:flex;margin:1rem auto;align-items:center;color:#fff;gap:1rem}.add-to-favorite .favorite-button .fave-text{margin:0}@media (min-width: 26.875em){.cast-card{width:11.5625rem}}@media (min-width: 56.25em){.detail-wrapper{margin:1rem 5vw}.single-banner-poster{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.individual-rating{height:3.125rem;width:3.125rem}.individual-movie-poster{display:block;width:15rem;justify-self:center}.individual-movie-poster img{width:100%}.view-more-bscreen{display:flex;justify-content:center;align-self:center}.cast-detail{max-width:100%;display:flex;width:auto;gap:1.25rem;justify-content:center;align-items:flex-start}.cast-card{min-width:9.375rem;height:fit-content}}@media (min-width: 80em){.individual-background-poster{width:100%}.individual-movie-poster{width:18.75rem}.single-banner-poster{margin:calc(10vh + 1rem) 5vw auto}}@media (min-width: 120em){.individual-movie-poster{width:21.875rem}}.favorite-page{min-height:calc(90vh - 6.8rem);margin:10vh 5vw 1rem;display:flex;flex-direction:column;opacity:0;animation:fadeIn .5s ease-in forwards}.favorite-page h1{z-index:0}.favorites-wrapper{display:flex;gap:1rem;flex-wrap:wrap}.favorites-wrapper .movie-card-wrapper{width:8.5rem}.no-favorite{margin:auto;display:flex;flex-direction:column;align-items:center}.no-favorite a{font-size:1.5rem}@media (min-width: 26.875em){.favorites-wrapper .movie-card-wrapper{width:11.5625rem}}@media (min-width: 80em){.favorite-page{margin-top:calc(10vh + 1rem);min-height:calc(90vh - 7.8rem)}}.about{margin:10vh 5vw 0;min-height:calc(90vh - 6.8rem);opacity:0;animation:fadeIn .5s ease-in forwards;display:flex;flex-direction:column;justify-content:space-between}.about-content{display:flex;flex-direction:column}.about .about-title{margin-top:0}.tmdb-disclaimer{margin-top:1rem;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}.home-button{display:flex;justify-content:center;font-size:1.5rem;font-weight:700}.home-button a{text-decoration:none;padding:.625rem;border:1px solid yellow;border-radius:1.25rem}.home-button a:hover{background-color:#ff0;border:1px solid #1c1c1c;color:#000;scale:unset}.tmdb-logo{max-height:3.125rem;width:auto}.about-image{position:absolute;top:0;left:0;height:100vh;z-index:-1}.about-image-overlay{width:100%;height:100%;position:absolute;background-color:#1c1c1c;background:linear-gradient(0deg,#1c1c1c,#1c1c1c80,#1c1c1c00)}.about-backdrop-overlay{width:100%;height:100%;position:absolute;background-color:#1c1c1c;opacity:.9}.popcorn{width:100%;height:100%;object-fit:cover;object-position:center}.about-background{display:none}.about-background-image{max-height:100vh}@media (min-width: 31.25em){.popcorn{min-width:100vw;height:auto}}@media (min-width: 50em){.tmdb-disclaimer{flex-direction:row;gap:1rem}.about-image{position:relative;height:auto;min-width:30vw;max-height:100vh;z-index:0}.about-backdrop-overlay,.about-image-overlay{display:none}.popcorn{min-width:unset;width:100%}.about-banner{display:flex;gap:1rem;align-items:center}.about-background{display:block;width:100vw;position:absolute;top:0;z-index:-1;max-height:100vh}.about-background-overlay{width:100%;height:100%;position:absolute;background-color:#1c1c1c;background:linear-gradient(0deg,#1c1c1c,#1c1c1c80,#1c1c1c00)}.about-background-backdrop{width:100%;height:100%;position:absolute;background-color:#1c1c1c;opacity:.9}.about-background-image{width:100%}}@media (min-width: 62.5em){.about-image{max-width:18.75rem}.about-image{min-width:20vw}}@media (min-width: 80em){.about{margin-top:calc(10vh + 1rem);min-height:calc(90vh - 7.8rem)}}.contact-us-content{margin:10vh 5vw auto;min-height:calc(90vh - 6.8rem);opacity:0;animation:fadeIn .5s ease-in forwards}.contact-list{list-style-type:none;padding:0;display:flex;gap:16px;justify-content:center}.contact-list svg{fill:#fff}.contact-list svg path{fill:#fff}.contact-list svg:hover{fill:#ff0;scale:1.2}.contact-list svg:hover path{fill:#ff0}@keyframes fadeIn{to{opacity:1}}@media (min-width: 80em){.contact-us-content{margin-top:calc(10vh + 1rem);min-height:calc(90vh - 7.8rem)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}