@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);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,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--text-clr:#000c;--bg-clr:rgba(255,94,0,.836);--border-clr:#9cb0c1;--hover-text-clr:#fff}html{font-size:62.5%}body{background-color:rgba(255,94,0,.836);background-color:var(--bg-clr)}h2{color:#000c;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:auto;max-width:140rem;padding:3rem}.grid{grid-gap:0;display:grid;gap:0}.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;overflow:hidden;position:relative;transition:transform .3s ease,background-color .3s ease;width:25rem}.card:hover{background-color:var(--hover-bg-clr);transform:translateY(-5px)}.card .title{color:#000c;color:var(--text-clr);font-size:2.8rem;font-weight:700;transition:opacity .3s ease}.card:hover .title{opacity:0}.card-overlay{align-items:center;background-color:var(--hover-bg-clr);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.card:hover .card-overlay{opacity:1}.card-overlay p{color:#fff;color:var(--hover-text-clr);font-size:1.8rem}.search-section{margin:4rem 0;text-align:center}input{border:none;border-radius:100px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;font-size:1.8rem;margin-top:2rem;outline:none;padding:1rem 2rem;width:30rem}.card-error p{color:red;font-size:1.8rem;margin-top:1rem}.movie-section{background-color:#000c;background-color:var(--text-clr);display:grid;height:100vh;place-items:center;width:100%}.loading{color:#000c;color:var(--text-clr)}.loading,.movie-section .loading{font-size:3.2rem;text-align:center}.movie-section .loading{color:rgba(255,94,0,.836);color:var(--bg-clr)}.movie-card{grid-gap:2rem;background-color:rgba(255,94,0,.836);background-color:var(--bg-clr);border-radius:2rem;box-shadow:0 2px 8px 0 #63636333;display:grid;gap:2rem;grid-template-columns:.6fr 1fr;min-width:30rem;width:50vw}figure{margin:0;padding:0}.movie-card img{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:#000c;color:var(--text-clr);font-size:2.8rem;font-weight:700}.card-content{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center}.card-text,a{font-size:1.8rem}a{border:.2rem solid #000c;border:.2rem solid var(--text-clr);border-radius:.5rem;color:#000c;color:var(--text-clr);display:flex;justify-content:center;margin-top:2rem;padding:3.2rem 1rem;text-align:center;transition:all .3s linear}a:hover{background-color:#000c;background-color:var(--text-clr);color:rgba(255,94,0,.836);color:var(--bg-clr)}.back-btn{padding:1.2rem 3.6rem}@media (max-width:1200px){.container{margin:auto;max-width:110rem}.grid-4-col{grid-template-columns:1fr 1fr 1fr}}@media (max-width:998px){.container{margin:auto;max-width:90rem}.grid-4-col{grid-template-columns:1fr 1fr}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}}@media (max-width:768px){.container{margin:auto;max-width:70rem}.grid-4-col{grid-template-columns:1fr}}
/*# sourceMappingURL=main.298e4ddc.css.map*/