#navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#121212}#navbar h2 a{display:flex;align-items:center;gap:.5rem}#navbar form{display:flex;gap:.5rem}#navbar input{padding:.2rem .8rem;border-radius:4px;border:none;outline:none}#navbar form button{display:flex;align-items:center;cursor:pointer;background-color:#f7d354;border:2px solid #f7d354;color:#000;border-radius:4px;padding:.3rem;font-size:1.3rem;transition:.4s}#navbar form button:hover{background-color:transparent;color:#f7d354}@media (max-width: 1285px){#navbar{padding:1rem}}@media (max-width: 850px){#navbar{display:flex;justify-content:space-between;padding:1rem;gap:2px}#navbar input{padding:0rem .5rem}#navbar h2{font-size:1.3rem}#navbar input{padding:0 .4rem}}@media (max-width: 768px){#navbar h2{font-size:1.4rem}#navbar form{width:100%;justify-content:space-between}#navbar input{flex:1;padding:.2rem .6rem}}@media (max-width: 480px){#navbar{flex-direction:column;align-items:flex-start;padding:.5rem}#navbar h2{font-size:1.4rem}#navbar input{width:80%;padding:.2rem .5rem}#navbar button{justify-content:center;align-items:center;width:20%}}.footer{padding:1rem 2rem;background-color:#101010;text-align:center}.container .title{color:#fff;font-size:2.5rem;text-align:center;margin:2rem 0 1rem}.title .query-text{color:#f7d354}.movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}.movies-container div{color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-color:#4b4a4a;width:30%;margin-bottom:2.5rem;padding:1rem}.movies-container div img{max-width:100%}.movies-container div img,.movies-container div h2,.movies-container div p{margin-bottom:1rem}.movies-container div svg{color:#f7d354}.movies-container div a{align-items:center;background-color:#f7d354;border:2px solid #f7d354;color:#000;text-align:center;border-radius:4px;padding:.1rem .5rem;transition:.4s}.movies-container div a:hover{background-color:transparent;color:#f7d354}@media (max-width: 850px){.movies-container div{color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-color:#4b4a4a;width:100vw;margin-bottom:2.5rem;padding:1rem}}.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{text-align:center}.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}.tagline{text-align:center;font-size:1.3rem;margin-bottom:2rem}.info{margin-bottom:1.5rem}.info h3{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem}.description{padding-bottom:10rem}.description p{line-height:1.4rem}@media (max-width: 850px){.movie-page{font-size:15px}.movie-page p{font-size:1rem}.movie-details{display:block;justify-self:center;align-items:center;margin:1rem}.movie-details p{text-align:right}.info{display:grid;grid-template-columns:repeat(2,2fr)}.info.description{display:flex;flex-direction:column;align-items:center}.movie-page .movie-card img{width:20rem}}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#242424;color:#fff}a{text-decoration:none;color:#f7d354;transition:.5s}a:hover{color:#b8930c}