*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#00021e;font-family:Arial,sans-serif;line-height:1.1}.sectionTitle{color:#cdcdcd;padding:1rem;font-size:1.1rem}#backgroundImageWrapper #hero,#genreFiltersWrapper{background-color:#0000}#backgroundImageWrapper{background-repeat:no-repeat;background-size:contain}.errorPageReturnToHomeLink:visited,.errorPageReturnToHomeLink,.pageErrorText{color:#cdcdcd}.pageErrorText{text-align:center;margin:3rem 0;font-size:2rem}@media (width>=700px){.sectionTitle{padding:1.5rem;font-size:1.3rem}.pageErrorText{font-size:3rem}}@media (width>=992px){.sectionTitle{font-size:1.5rem}#backgroundImageWrapper{background-size:cover}}#genreFiltersWrapper{padding-bottom:1rem;overflow-x:auto}#genreFilters{gap:1rem;margin:0 1rem;display:flex}#genreFilters .sectionTitle{padding:1rem 0}#genreFilters,#yearFilter{border:none}#genreFilters label{cursor:pointer;border:2px solid #37376480;border-radius:10px;justify-content:center;width:6rem;padding:.3rem .7rem;display:flex}.genre{color:#c1c1c1;padding:0 .2rem}.genreContainer input:focus-visible{outline:2px solid purple}input[type=checkbox]:checked{border-left:5px solid #00f}label input{appearance:none}#yearFilter{justify-content:space-around;display:flex}#fromYearDiv label,#toYearDiv label{justify-content:center;font-size:1.1rem;display:flex}#fromYearDiv,#toYearDiv{color:#c1c1c1;background-color:#000014;border-radius:5px;margin:.5rem 0}#fromYear,#toYear{background-color:#bebebe}@media (width>=700px){#genreFiltersWrapper{overflow:hidden}#fromYearDiv label,#toYearDiv label{font-size:1.3rem}.genre{padding:0 .5rem;font-size:1.3rem}.genreContainer{background-color:#00021e}#genreFilters .sectionTitle{padding:1.5rem .5rem}}@media (width>=992px){#fromYearDiv label,#toYearDiv label{font-size:1.5rem}#fromYearDiv input,#toYearDiv input{line-height:1.5rem}}#tmdbLogo{height:1.5rem;margin:2rem}.disclaimer{color:#cdcdcd;justify-content:center;align-items:center;padding:1rem;display:flex}@media (width>=700px){#tmdbLogo{height:2rem}.disclaimer{font-size:1.3rem}}#logo,#logoWrapper{height:7rem}#heroTitle{background:linear-gradient(90deg,#0ff,#ff64e6 20%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:.3rem 1rem;font-size:1.5rem}#heroTitle .whiteText{-webkit-text-fill-color:#d5d5d5;color:#d5d5d5;background-color:#00021e}#heroSubtitle{color:#c1c1c1;max-width:10rem;padding:0 1rem 1rem;font-size:.9rem;line-height:1.1rem}#search{border:2px solid #37376480;border-radius:15px;margin:1rem;padding:.3rem;display:flex}#search,#searchBar{background-color:#00021e}#searchWrapper{display:flex}#searchBar{width:14rem;box-shadow:none;border:none}#searchBar,#searchBar::placeholder{color:#9e9e9e}#search img{height:2rem}#submitSearch{color:#fff;cursor:pointer;background:linear-gradient(-45deg,#871871,#000cff);border:none;border-radius:10px;margin:auto 0;padding:0 1rem}@media (width>=700px){#search{max-width:75%}#submitSearch{padding:.5rem 1.3rem}#heroTitle{font-size:2.3rem}#heroSubtitle{max-width:17rem;line-height:1.5rem}#logo{height:9rem}}@media (width>=800px){#search img{height:3rem}#searchBar,#submitSearch{font-size:1rem}#searchBar{width:25rem;padding-left:1rem}}@media (width>=992px){#heroTitle{font-size:3rem}#heroSubtitle{max-width:30rem;font-size:1.2rem;line-height:1.5rem}#search{max-width:60%}#search img{height:4rem}#searchBar,#submitSearch{font-size:1.3rem}}#movies{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:100%;display:flex}.movie{color:#cdcdcd;border:1px solid #373764;border-radius:20px;width:10rem}.moviePicture{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;width:9.9rem;height:10rem}.movieContent{padding:5px}.movie h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.2rem;overflow:hidden}.movieYear{color:#999;padding-bottom:1rem}.star,.voteAverage{background-color:#0000;height:1rem;display:inline-block}.voteAverageText{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.errorText{color:#fff;font-size:1.5rem;font-weight:900}@media (width>=700px){.movie{width:11rem;height:16.5rem}.moviePicture{width:10.9rem}}@media (width>=992px){.errorText{font-size:2rem}}#random{background-color:#000214;border-radius:20px;justify-content:center;align-items:center;max-width:100%;margin:1rem;padding:.5rem;display:flex}#random img{border-radius:10px;height:3rem}#random p{color:#c1c1c1;background-color:#000214}#random p span{color:#999}#random button{color:#fff;cursor:pointer;background:linear-gradient(-45deg,#871871,#000cff);border:none;border-radius:10px;margin-left:1rem;padding:.5rem .7rem}@media (width>=600px){#random{max-width:75%;margin:2rem auto;font-size:1.5rem}#random img{height:5rem}}@media (width>=992px){#random{max-width:50%}#random button{padding:1rem 1.4rem;font-size:1.3rem}}