.App{display:flex;flex-direction:column;margin:0 auto;max-width:120rem;min-height:100vh;padding:1.5rem}.main-container{flex:1 1}.loading-text{color:var(--primary-color);font-size:3.2rem;margin:2rem 0;text-align:center}@media (min-width:1600px){.App{max-width:160rem}}.App-header{align-items:center;background-color:var(--secondary-color);color:var(--primary-color);display:flex;flex-direction:column;font-size:2.4rem;justify-content:center;padding:1rem;text-align:center}.search-input{border-radius:1rem;margin:.5rem;max-width:30rem;padding:1rem}.search-container{display:flex;justify-content:space-between}.search-button{background-color:var(--primary-color);color:var(--background-color);font-size:1.6rem;margin:.5rem}.search-button,.watched-button{border-radius:1rem;cursor:pointer}.watched-button{background-color:#6d2be7;color:#fff;margin:1rem;padding:1rem}.movie-list{grid-gap:1rem;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1fr;place-items:center;text-align:center}.movie-list>div{align-items:center;background-color:var(--primary-color);border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:50rem;margin:2rem;overflow:hidden;padding:.5rem;width:25rem}.movie-list img{border-radius:5px;height:80%;object-fit:cover;width:100%}.movie-list h1{font-size:1.6rem;margin:.5rem 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.background-img{display:flex;height:calc(100vh - 384px);justify-content:center;width:100%}.background-img img{height:auto;max-width:1600px;object-fit:cover;width:100%}.movie-info{color:#fff;font-size:1.6rem;text-decoration:underline}@media (min-width:550px){.movie-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.movie-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.movie-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.movie-list{grid-template-columns:repeat(5,1fr)}}.modal-header{background-color:var(--primary-color);color:#fff;font-size:1rem;padding:1rem;text-align:center}.modal{align-items:center;background-color:var(--secondary-color);border-radius:2rem;display:flex;flex-direction:column;font-weight:700;text-align:center}.close-btn-container{position:absolute;right:.5rem}.close-btn{background:none;border:none;cursor:pointer;font-size:3rem}.moviecard-btn-container{padding:1rem;text-align:center}.moviecard-btn{background-color:var(--primary-color);border-radius:1rem;color:#fff;cursor:pointer;padding:1rem}.watched-message{color:#6d2be7;text-align:center}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:fadeIn .3s ease-in-out;background-color:var(--background-color);border-radius:.5rem;box-shadow:0 0 1rem #0000004d;font-size:1.6rem;max-height:80vh;max-width:60rem;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modalButton{position:absolute;right:1.5rem;top:1.5rem}.modal-container{align-items:center;display:flex;flex-direction:column}.delete-btn{background-color:#6d2be7;border-radius:1rem;color:#fff;cursor:pointer;padding:1rem}.footer{font-size:1.6rem;text-align:center}:root{--primary-color:#6d2be7;--secondary-color:#d3f2f1;--background-color:#fff;--text-color:#212529}*{box-sizing:border-box}html{font-size:62.5%}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#212529;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}
/*# sourceMappingURL=main.aea32b1c.css.map*/