#navbar{background-color:#121212;flex-flow:wrap;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}#navbar h2 a{align-items:center;gap:.5rem;display:flex}#navbar form{flex-flow:wrap;justify-content:center;gap:.5rem;display:flex}#navbar input{border:none;border-radius:4px;padding:.2rem .8rem}#navbar form button{color:#000;cursor:pointer;background-color:#f7d354;border:2px solid #f7d354;border-radius:4px;align-items:center;padding:.3rem;font-size:1.3rem;display:flex}#navbar form button:hover{color:#f7d354;background-color:#0000}.container .title{color:#fff;text-align:center;margin:2rem 0 1rem;font-size:2.5rem}.title .query-text{color:#f7d354}.movies-container{flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.movies-container div{color:#fff;background-color:#111;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:space-between;width:calc(25% - 1.125rem);margin-bottom:2.5rem;padding:1.5rem;display:flex}@media (width<=1024px){.movies-container div{width:calc(33.333% - 1rem)}}@media (width<=768px){.movies-container div{width:calc(50% - .75rem)}}@media (width<=480px){.movies-container div{width:100%}}.movies-container div img{max-width:100%}.movies-container div img,.movies-container div p{margin-bottom:1rem}.movies-container div h2{margin-bottom:1.5rem}.movies-container div svg{color:#f7d354}.movies-container div a{color:#000;text-align:center;background-color:#f7d354;border:2px solid #f7d354;border-radius:4px;padding:1rem .5rem;font-weight:700}.movies-container div a:hover{color:#f7d354;background-color:#0000}.movie-page{color:#fff;flex-direction:column;max-width:600px;margin:2rem auto;display:grid}.movie-page svg{color:#f7d354;font-size:1.5rem}.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{justify-content:center;align-items:center;gap:.4rem;display:flex}.tagline{text-align:center;margin-bottom:2rem;font-size:1.3rem}.info{margin-bottom:1.5rem}.info h3{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.description p{line-height:1.4rem}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica}body{color:#fff;background-color:#000}a{color:#f7d534;text-decoration:none;transition:all .5s}a:hover{color:#b8930c}