@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@400;700&display=swap";body{background-color:#7d6efa}.movie-list-component .content{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:stretch;margin-top:70px}.header{background-color:#f5f5f5;box-shadow:0 0 15px #00000026;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;padding:10px 20px}.navbar{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.navbar-brand{text-decoration:none;color:inherit}.navbar-title{font-size:24px;font-weight:700;color:#7d6efa;text-transform:uppercase;font-family:Pacifico,cursive;margin:0;cursor:pointer}.search-input{padding:10px;border:1px solid #ddd;border-radius:20px;font-family:Roboto,sans-serif;margin-right:40px;max-width:300px;max-height:30px}.search-input:hover{border-color:#7d6efa}.search-input:focus{outline:none;border-color:#7d6efa;box-shadow:0 0 5px #5a55d14d}.hamburger{display:none;cursor:pointer;font-size:2em}.nav-links{list-style:none;padding:0;display:flex;justify-content:center;align-items:center;flex-grow:1}.nav-link{text-decoration:none;color:#333;display:flex;align-items:center;padding:15px 10px;transition:background-color .3s ease,color .3s ease;border-radius:10px;font-family:Roboto,sans-serif}.nav-link:hover{background-color:#7d6efa;color:#fff}.icon{font-size:18px;margin-right:15px}.link-text{font-weight:700;font-size:16px}@media only screen and (max-width: 1500px){.navbar{justify-content:flex-start}.navbar-title,.search-input{display:block}.hamburger{display:block;position:absolute;right:10px;top:50%;transform:translateY(-60%)}.nav-links{position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:center;background-color:#f5f5f5;padding-top:10px;width:100%;display:none}.nav-links.show-menu{display:flex}.nav-link{justify-content:center;width:100%;text-align:center}}@media only screen and (max-width: 300px){.search-input{display:none}}.card{width:25rem;background-color:#5b4b8a;color:#fff;border:none;overflow:hidden;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border-radius:8px;position:relative}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px}.card:hover .card-overlay{opacity:1}.card-details{color:#fff;text-align:center;z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;transition:opacity .3s ease;opacity:0;font-size:1rem;font-family:Helvetica Neue,Arial,sans-serif}.card:hover .card-details{opacity:1}.card-img-top{width:100%;transition:transform .3s ease,opacity .3s ease;border-radius:8px}.card:hover .card-img-top{transform:scale(1.05);opacity:.3}.card-title{font-size:1.25rem;margin:0}.card-text{font-size:.95rem;line-height:1.6}.icon-button{background-color:transparent;border:none;color:inherit;font:inherit;cursor:pointer;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center}.icon-button .icon{margin-right:10px;font-size:1.5em}.icon-button:active{transform:scale(.95);transition:transform .1s}.pagination{display:flex;justify-content:center;margin-top:10px}.pagination button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.pagination button:hover{background-color:#45a049}