#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 form button{background-color:#f39237;border:2px solid #f39237;border-radius:4px;padding:.3rem;color:#000;font-size:1.3rem;display:flex;align-items:center;cursor:pointer;transition:.4s}#navbar form button:hover{background-color:transparent;color:#f39237}#navbar input{padding:.2rem .8rem;border-radius:4px;border:none}.container .title{color:#fff;font-size:2.5rem;text-align:center;margin:2rem 0 1rem}.container .title .query-text{color:#f39237}.container .movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;min-width:1200px;margin:0 auto}.container .movies-container div{width:22%;color:#fff;margin-bottom:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#111;padding:1rem;border-radius:4px}.container .movies-container div img{min-width:100%}.container .movies-container div img,.container .movies-container div h2,.container .movies-container div p{margin-bottom:1rem}.container .movies-container div svg{color:#f39237}.container .movies-container div a{background-color:#f39237;border:2px solid #f39237;border-radius:4px;padding:1rem .5rem;color:#000;align-items:center;transition:.4s;text-align:center;font-weight:700}.container .movies-container div a:hover{background-color:transparent;color:#f39237}.movie-page{color:#fff;display:flex;flex-direction:column;max-width:600px;margin:2rem auto}.movie-page svg{font-size:1.5rem;color:#f39237}.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}.movie-page .tagline{text-align:center;font-size:1.3rem;margin-bottom:2rem}.movie-page .infor{margin-bottom:1.5rem}.movie-page .infor h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.movie-page .description{padding-bottom:10rem}.movie-page .description p{line-height:1.4rem}*{font-family:Helvetica;margin:0;padding:0;box-sizing:border-box}body{background-color:#080708;color:#e6e8e6}a{text-decoration:none;color:#f39237;transition:.5s}a:hover{color:#ac6727}
