*{font-family:Helvetica;margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff}a{text-decoration:none;color:#f7d354;transition:.5s}a:hover{color:#b8930c}li{list-style:none}#navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#121212}#navbar img{width:64px;height:64px}#navbar h2{display:flex;align-items:center;gap:.5rem}#navbar form{display:flex;gap:.5rem}#navbar input{padding:.2rem .8rem;border-radius:4px;border:none}#navbar form button{background-color:#f7d354;border:2px solid #f7d354;border-radius:4px;color:#000;padding:.3rem;font-size:1.3rem;display:flex;align-items:center;transition:.4s}#navbar form button:hover{cursor:pointer;background-color:transparent;color:#f7d354}#navbar .menu-toggle{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;transition:transform .3s ease-in-out}#navbar .menu-toggle.rotated{transform:rotate(90deg)}@media (max-width: 600px){#navbar .menu-toggle{display:block;font-size:2.5rem;color:#f7d354}#navbar .input-search{width:100%}#navbar .search-bar{position:absolute;top:70px;left:-100%;width:100%;background-color:#121212;padding:1rem;transition:left .3s ease-in-out}#navbar .search-bar.open{left:0}}@media (max-width: 370px){#navbar .search-bar{top:80px}}.footer-container{background-color:#121212;padding:1em;text-align:center}.footer-container .social-list-ul{display:flex;justify-content:center}.footer-container .link-a{margin:0 1em;font-size:1.5em;transition:.3s ease-in-out}.footer-container .link-a:hover{cursor:pointer}.layout-container{display:flex;flex-direction:column;min-height:100vh}.layout-container main{flex-grow:1;padding:20px;margin-top:60px}.movie-card{width:250px;height:auto;color:#fff;margin-bottom:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#111;padding:1rem}.movie-card img{max-width:100%}.movie-card img,.movie-card h2,.movie-card p{margin-bottom:1rem}.movie-card svg{color:#f7d354}.movie-card a{background-color:#f7d354;border:2px solid #f7d354;border-radius:4px;color:#000;padding:1rem .5rem;align-items:center;transition:.4s;text-align:center;font-weight:700}.movie-card a:hover{background-color:transparent;color:#f7d354}@media (max-width: 370px){.movie-card h2{font-size:16px}.movie-card p{font-size:14px;line-height:1.5}.movie-card a{font-size:14px}}.container-home .title{color:#fff;font-size:2.5rem;text-align:center;margin:2rem 0 1rem}.container-home .title .query-text{color:#f7d354}.container-home .movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 618px){.container-home .movies-container{justify-content:center;align-items:center}}.movie-page{color:#fff;display:flex;flex-direction:column;max-width:600px;margin:2rem auto}.movie-page svg{font-size:1.5rem;color:#f7d354}.movie-page .movie-card{width:auto;text-align:center;background-color:transparent}.movie-page .movie-card img,.movie-page .movie-card h2,.movie-page .movie-card p{margin-bottom:1rem}.movie-page .movie-card h2{font-size:2rem}.movie-page .movie-card p{display:flex;align-items:center;justify-content:center;gap:.4rem}.movie-page .tagline{text-align:center;font-size:1.3rem;margin-bottom:2rem}.movie-page .info{margin-bottom:1.5rem}.movie-page .info h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.movie-page .description{padding-bottom:.5rem}.movie-page .description p{line-height:1.4rem}.container-search .title{color:#fff;font-size:2.5rem;text-align:center;margin:2rem 0 1rem}.container-search .title .query-text{color:#f7d354}.container-search .movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 618px){.container-search .movies-container{justify-content:center;align-items:center}}