body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Times New Roman,sans-serif;margin:50px 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{font-family:Times New Roman,sans-serif}.app-info{background-color:#000;box-shadow:15px 15px 30px rgba(0,0,0,.15);color:#fff;padding:25px;text-align:center}.app-info-title{-webkit-animation:colorChange 7s infinite;animation:colorChange 7s infinite;font-family:Times New Roman,sans-serif;font-size:55px;font-weight:700}@media screen and (max-width:820px){.movie-list h2{font-size:90px}.btn-container{display:flex;justify-content:center;margin-bottom:10px}.btn{width:100%}.btn-group{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media screen and (max-width:720px){.btn-container{display:flex;justify-content:center;margin-bottom:10px}.btn{width:100%}.btn-group{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media screen and (max-width:390px){.btn-container{display:flex;justify-content:center;margin-bottom:10px}.btn{width:100%}.btn-group{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.app-info-title{font-size:40px;margin:0 auto}}@media screen and (max-width:375px){.btn-container{margin-bottom:0;text-align:center}.btn-group{justify-content:center}.app-info-title{font-size:30px;margin:0 auto}}.btn-group{display:flex;justify-content:space-between;margin-bottom:20px}.btn{margin-right:10px}.genre-dropdown{display:inline-block;position:relative}.dropdown-control{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;padding:5px 10px}.dropdown-control:hover{background-color:#f0f0f0}.dropdown-arrow{margin-left:5px}.genre-list{list-style:none;margin-top:10px;padding:0}.genre-list li{cursor:pointer}.genre-list li:hover{font-weight:700}.movie-list{margin-top:20px}.movie-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.movie-item{border:1px solid #ccc;border-radius:4px;padding:10px}.movie-image img{border-radius:4px;width:100%}.movie-release-date{font-size:12px;margin-top:5px}.load-more-button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;margin-top:20px;padding:10px 20px}.load-more-button:hover{background-color:#e0e0e0}.btn-container{display:flex;justify-content:center;margin-bottom:10px;margin-left:auto;margin-right:auto}html{margin:0}#root,html{background-color:#000}#root,.movie-list{margin:0 auto}.movie-list{text-align:center}.movie-list-title{margin:25px 0}.modal-header{-webkit-column-gap:25px;column-gap:25px;margin-left:auto;margin-right:auto;text-align:center}.list-cast-item{-webkit-column-gap:20px;column-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;max-height:300px}.list-cast-item li{word-wrap:break-word;max-width:300px}.movie-description{display:center;justify-content:center;margin:0 auto}.movie-list h2{-webkit-animation:colorChange 7s infinite;animation:colorChange 7s infinite;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnPSMKWGqVf_toqEcoKTDl9NS4zDEFPnhfBRRc5S1pVTGUpdGfKdSK4IoPYWFzUk-lZM0&usqp=CAU);background-size:cover;color:#fff;font-family:Times New Roman,sans-serif;font-size:115px;font-weight:700;margin:0;padding-bottom:200px;padding-top:140px;position:relative}.movie-image{margin-left:auto;margin-right:auto;text-align:center}@-webkit-keyframes colorChange{0%{color:#662020}25%{color:red}50%{color:orange}to{color:#ab8660}}@keyframes colorChange{0%{color:#662020}25%{color:red}50%{color:orange}to{color:#ab8660}}.movie-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto}.movie-item{cursor:pointer;position:relative;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.movie-item:hover{opacity:.8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.movie-item:active{opacity:.6;-webkit-transform:translateY(2px);transform:translateY(2px)}.movie-image img{height:auto;width:200px}.movie-details{margin-top:10px}.movie-title{font-size:16px;font-weight:700;margin:0;text-align:center}.movie-rating{margin:5px 0}.movie-rating,.movie-release-date{font-size:14px;font-weight:700;text-align:center}.movie-release-date{margin:0}.movie-description{font-size:14px;font-weight:700;margin-top:10px}.movie-description,.movie-description ul{margin-left:auto;margin-right:auto;text-align:center}.movie-description li{list-style-type:none}.pagination{justify-content:center;margin:0 auto;padding-bottom:25px;padding-top:25px;text-align:center}@media screen and (max-width:820px){.movie-list h2{font-size:40px}.movie-grid{grid-template-columns:repeat(2,1fr)}.movie-item{margin-left:10px;margin-right:10px}.movie-image img{width:100%}.movie-list h2{font-size:50px}.movie-title{font-size:12px}.movie-description,.movie-rating,.movie-release-date{font-size:10px}.btn-group button{font-size:10px;padding:5px 10px}}@media screen and (max-width:740px){.movie-grid{grid-template-columns:repeat(2,1fr)}.movie-item{margin-left:10px;margin-right:10px}.movie-image img{width:100%}.movie-list h2{background-position:50%;font-size:40px;padding-top:60px}.movie-title{font-size:12px}.movie-description,.movie-rating,.movie-release-date{font-size:10px}.btn-group button{font-size:10px;padding:5px 10px}}@media screen and (max-width:390px){.movie-grid{grid-template-columns:1fr}.movie-item{margin-left:auto;margin-right:auto}.movie-image img{width:100%}.movie-list h2{font-size:40px;padding-bottom:100px;padding-top:55px}.movie-title{font-size:10px}.movie-description,.movie-rating,.movie-release-date{font-size:8px}.btn-group button{font-size:8px;padding:5px 10px}.load-more-button{font-size:10px;padding:8px 16px}}.search-form{margin-top:25px}.search-panel{background-color:#000;box-shadow:15px 15px 30px rgba(0,0,0,.15);color:#fff;margin-bottom:25px;margin-left:auto;margin-right:auto;padding:25px;text-align:center}.btn{margin-bottom:20px;margin-top:20px}body{background-color:rgba(0,0,0,.819)}.app{background-color:#fff;margin:0 auto;max-width:1000px}
/*# sourceMappingURL=main.e6cbdcb6.css.map*/