#navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2e5e4e}#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}#navbar form button{background-color:#dbd3d8;border:3px solid #DBD3D8;border-radius:4px;color:#2e5e4e;padding:.3rem;font-size:1.3rem;display:flex;align-items:center;cursor:pointer}#navbar form button:hover{background-color:transparent;color:#dbd3d8;transition:.5s}.app-container{background-color:#a7b5b9}.container .title{color:#2e5e4e;font-size:2.5rem;text-align:center;margin:2rem 0 1rem}.title .query-text{color:#2e5e4e}.movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}.movies-container div{width:30%;color:#dbd3d8;margin-bottom:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#2e5e4e;padding:1rem;border-radius:7px}.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{background-color:#93a7aa;border:4px solid #93A7AA;border-radius:4px;color:#2e5e4e;padding:1rem .5rem;text-align:center;font-weight:700}.movies-container div a:hover{background-color:transparent;color:#dbd3d8}.movie-page{color:#2e5e4e;display:grid;flex-direction:column;max-width:600px;margin:2rem auto}.movie-page svg{font-size:1.5rem;color:#2e5e4e}.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{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.description p{line-height:1.4rem}*{font-family:Helvetica;margin:0;padding:0;box-sizing:border-box}body{background-color:#a7b5b9}a{text-decoration:none;color:#a7b5b9;transition:.5s}a:hover{color:#dbd3d8}