body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}*{box-sizing:border-box}.movie-page{width:100%}.movie-page .card{align-items:center;border-radius:1rem;display:flex;justify-content:center;min-height:30rem;width:25rem!important}.movie-page .card .card-info img{flex:1 1;max-width:100%;object-fit:fill}.movies_wrapper{flex-wrap:wrap;gap:2rem}.movies_wrapper,.pagination{align-items:center;display:flex;justify-content:center}.pagination{gap:30px;padding:30px 10px}.pagination button{background-color:#333;border-radius:.75rem;color:#fff;cursor:pointer;padding:10px 15px}.pagination button:disabled{background-color:gray;color:#000;cursor:not-allowed}footer{background-color:#f0f0f0;padding:20px 0}.contain,footer{text-align:center}.contain{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px}p{font-size:15px}ul{list-style:none;margin:0;padding:0}li{cursor:pointer;display:inline-block;font-size:12px;margin-right:20px}.container-about{align-items:center;margin:40px;text-align:center}.c-btn{background-color:#c6c6f1;border-radius:5px;cursor:pointer;height:40px;width:90px}.about-card p{margin:auto;position:relative;width:700px}.about-card,.about-card p{align-items:center;text-align:center}.about-card{height:200px;margin:30px}.App{@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500&family=Lora:wght@400;500&family=Poppins:wght@400;600&display=swap")}.single-page{background-color:#61dafb;background-color:rgba(0,0,0,.37);border:2px solid red;height:100px;width:100px}:root{--text-clr:#4a5c6c;--bg-clr:#162d89;--bg-clr:#f2f4fc;--border-clr:#9cb0c1}html{font-size:62.5%}body{background-color:#f2f4fc;background-color:var(--bg-clr)}h2{color:#4a5c6c;color:var(--text-clr);font-family:Lora,serif;font-size:2rem;transition:all .5s linear}a{text-decoration:none}img{border-radius:1rem;margin:1rem 0;max-height:30rem;min-width:10rem;transition:all .3s linear}.container{margin:0 auto;max-width:90vw;padding:0}.grid{grid-gap:3rem;display:grid;gap:3rem}.grid-4-col{grid-template-columns:repeat(4,1fr)}.card{align-items:center;border-radius:1rem;display:flex;justify-content:center;max-width:30rem;min-height:30rem;width:25rem}.search-section{margin:4rem 0;text-align:center}.App-logo{height:40vmin;pointer-events:none}input{border:1px solid #9cb0c1;border:1px solid var(--border-clr);border-radius:100px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);font-size:1.8rem;margin-top:2rem;outline:none;padding:1rem 2rem;width:30rem}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}.card-error p{color:red;font-size:1.8rem;margin-top:1rem}.App-header{background-color:#282c34;min-height:100vh}.movie-section{background-color:#4a5c6c;background-color:var(--text-clr);display:grid;height:100vh;place-items:center;width:100%}.loading{color:#4a5c6c;color:var(--text-clr)}.loading,.movie-section .loading{font-size:3.2rem;text-align:center}.movie-section .loading{color:#f2f4fc;color:var(--bg-clr)}.movie-card{grid-gap:2rem;background-color:#f2f4fc;background-color:var(--bg-clr);border-radius:2rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:grid;gap:2rem;grid-template-columns:.6fr 1fr;min-width:30rem;width:50vw}figure{margin:0;padding:0}.movie-card img{border-radius:0;border-bottom-left-radius:2rem;border-top-left-radius:2rem;height:100%;height:auto;margin:0;max-height:50rem;width:100%}.movie-card .title{color:#4a5c6c;color:var(--text-clr);font-size:2.8rem;font-weight:700}.card-content{align-items:flex-start;align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.card-text{font-size:1.8rem}a{border:.2rem solid #4a5c6c;border:.2rem solid var(--text-clr);border-radius:.5rem;color:#fff;color:#4a5c6c;color:var(--text-clr);display:flex;font-size:calc(10px + 2vmin);font-size:1.8rem;justify-content:center;margin-top:2rem;padding:3.2rem 1rem;text-align:center;transition:all .3s linear}a:hover{background-color:#4a5c6c;background-color:var(--text-clr)}a:hover,a:hover h2{color:#f2f4fc;color:var(--bg-clr)}a:hover h2{display:inline-block;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.back-btn{padding:1.2rem 3.6rem}@media (max-width:1200px){.grid-4-col{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (max-width:925px){.grid-4-col{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:625px){.grid-4-col{grid-template-columns:1fr}}.App-link{color:#61dafb;@media (max-width:998px){.container{margin:0 auto;max-width:100vw;padding:0}.grid-4-col{display:grid;grid-template-columns:2fr 2fr}input{width:25rem}.movie-section{height:auto;padding:4.8rem 0}.movie-card{grid-template-columns:1fr}.card-content{padding-left:2rem}.back-btn{margin-bottom:3rem}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);@media (max-width:768px){.container{margin:0 auto;max-width:100vw}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);.grid-4-col{grid-template-columns:1fr}}}}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);@media (max-width:768px){.container{margin:0 auto;max-width:100vw}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);.grid-4-col{grid-template-columns:1fr}}}}}}}*{margin:0;padding:0}.upperd{background-color:rgba(0,0,0,.37)}.upperd,.upperl{align-items:center;border-radius:3px;cursor:pointer;height:55px;margin-top:0;text-align:center;width:100%}.upperl{background-color:rgba(182,8,8,.37)}.nav{align-items:center;height:55px;margin-top:0}.nav ul{display:flex;height:55px;list-style:none}.nav ul li{align-items:center;height:55px;justify-content:space-between;padding:5px;text-align:center}.nav ul li a{border:none;margin:10px;padding:0}.switch{border-radius:4px;display:inline-block;height:15px;margin-right:50px;margin-top:18px;position:relative;width:30px}.switch input{border-radius:4px;height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{border-radius:4px;position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:10px;left:2px;width:10px}input:checked+.slider{background-color:#0b0d0f}input:checked+.slider:before{-webkit-transform:translateX(18px);transform:translateX(18px)}#dropdown{border-radius:5px;height:40px;text-align:center}#dropdown,.anchor{align-items:center}.anchor{display:flex;justify-content:center}#dropdown{background-color:initial!important;border:none;color:#333;font-size:16px;margin-left:10px;outline:none}#dropdown option{text-align:left}
/*# sourceMappingURL=main.29230104.css.map*/