#navbar{position:fixed;top:0;display:flex;justify-content:start;align-items:center;padding:1rem 2rem;background:#324359;width:100%;height:auto;z-index:9999}#navbar h2 a{display:flex;align-items:center;gap:.5rem}#navbar form{display:flex;gap:.5rem}#navbar input{padding:.2em;max-width:350px;max-height:55px;border:none;border-radius:5px;font-weight:bolder;text-transform:uppercase;background-color:#a9c6d9}#navbar input:focus{border:none}#navbar input::placeholder{color:#324359}#navbar button{padding:.5em;display:flex;align-items:center;background:rgba(0,0,0,0);font-size:1.5em;color:#f2f2f2;border:1px solid #A9C6D9;border-radius:5px;transition:.5S;cursor:pointer}#navbar button:hover{background-color:#f2f2f2;color:#324359}.brand{text-decoration:none;font-size:1.5rem;margin-left:1rem;font-weight:bolder}.nav-menu{margin-left:auto}.nav-menu ul{display:flex;padding:0;align-items:center}.nav-menu li{list-style-type:none;margin:0 1rem}.nav-menu li a{text-decoration:none;display:block;width:100%}.hamburger{cursor:pointer;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none!important}@media screen and (max-width: 50em){.hamburger{display:block!important;border:0!important}.nav-menu ul{display:none}.nav-menu.expanded ul{display:block;transition:all ease-in 1s}.nav-menu ul{position:absolute;top:60px;left:0;flex-direction:column;width:100%;height:55vh;background-color:#324359;border-top:1px solid #F2F2F2}.nav-menu li{text-align:center;margin:0}.nav-menu li a{color:#a9c6d9;width:100%;padding:1.5rem 0}.nav-menu form{display:flex;justify-content:center}}.footer{text-align:center;flex-shrink:0;background-color:#324359;padding:.5em;bottom:0;width:100%}.footer-socials{font-size:1.7em}.footer-socials a{width:100%;margin-inline:.5em;font-size:xx-large}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;box-sizing:border-box;line-height:1.5em}body,html{height:auto}body{display:flex;flex-direction:column;background:rgb(37,37,37);color:#f2f2f2}.App{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.root{flex:1 0 auto}a{text-decoration:none;color:#a9c6d9;transition:.5s}a:hover{color:#f2f2f2}.container .title{font-size:2.5em;text-align:center;margin:5.5rem 0 1rem}.container hr{width:50%;margin:0 auto .5em}.container p{text-align:justify;width:30%;margin:0 auto}@media screen and (max-width: 40em){.container hr{width:80%;margin:0 auto .5em}.container p{text-align:justify;width:60%;margin:0 auto}.movies-container div{width:100%!important;margin-bottom:2.5rem;display:flex;align-content:center;flex-direction:column;justify-content:space-between;background-color:#111;padding:1rem;transition:.5s;border:1px solid #A9C6D9}}h3{text-align:center}.title .query-text{color:#f2f2f2}.movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.movies-container div{width:24%;margin-bottom:2.5rem;display:flex;align-content:center;flex-direction:column;justify-content:space-between;background-color:#111;padding:1rem;transition:.5s;border:1px solid #A9C6D9}.movies-container div:hover{transform:scale(1.1)}.movies-container div img{max-width:100%}.movies-container div img,.movies-container div h2,.movies-container div h3,.movies-container div p{margin-bottom:1rem}.movies-container div svg{color:#f7d354}.movies-container div a{padding:.5em;background:rgba(0,0,0,0);font-size:1.5em;font-weight:bolder;color:#f2f2f2;border:1px solid #A9C6D9;border-radius:5px;transition:.5S;text-align:center}.movies-container div a:hover{background-color:#f2f2f2;color:#324359}.movie-page{color:#f2f2f2;display:flex;flex-direction:column;max-width:600px;margin:2rem auto;margin-top:8em;margin-bottom:2.5rem;justify-content:space-between;background-color:#111;padding:1rem}.movie-page svg{font-size:1.5rem;color:#a9c6d9}.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{padding-bottom:10rem}.description p{text-align:justify;line-height:1.4rem}