@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");:root{--bleu-clair:#82d0f5;--bleu-foncé:#0084c6;--rouge-clair:#e5281f;--rouge-foncé:#a01c18;--noir:#1d1d1b;--font-family:"Roboto",sans-serif}body{font-family:var(--font-family)}.movie-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.movie-list .work-card{flex:1 1 250px;max-width:300px;margin:10px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px var(--noir);transition:transform .3s ease-in-out}.movie-list .work-card:hover{transform:scale(1.05);box-shadow:0 0 5px var(--bleu-clair)}h1{text-align:center;font-size:2rem;margin:20px 0;color:var(--bleu-foncé)}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}.pagination button{background-color:var(--bleu-clair);color:#000;border:none;padding:10px 15px;margin:5px;cursor:pointer;border-radius:5px;font-weight:700}.pagination button:hover{background-color:var(--bleu-foncé)}.pagination button:disabled{background-color:var(--noir);color:#fff;cursor:not-allowed}@media (max-width:768px){.movie-list{justify-content:center}.movie-list .work-card{flex:1 1 100%;flex:1 1 250px;max-width:200px;margin:10px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px var(--noir);transition:transform .3s ease-in-out}}.loading-spinner{text-align:center;margin-top:50px;font-size:1.5em;font-weight:700;color:#333}