@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body{padding:0;margin:0;box-sizing:border-box;text-align:center}*{font-family:Poppins,serif;color:#fff}.container{width:100%;height:150vh;background:url(https://i.pinimg.com/564x/a7/7a/1c/a77a1cd40f391ded41cb35600ab39b78.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.container>h1{margin:0}.box{width:80%;height:auto;border-radius:20px;background:hsla(0,0%,100%,.1);padding:20px;margin:50px auto}input{width:60%;padding:15px 20px;border-radius:20px;color:#000;border:none}button{padding:11px 20px;border:none;border-radius:20px;font-size:1rem;background:#000;font-weight:700}.search-card{width:80%;height:auto;margin:auto;text-align:left;padding:20px;border-radius:20px;background:hsla(0,0%,100%,.1)}.movie-banner{width:250px;height:250px;object-fit:cover;border-radius:10px}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}@media (max-width:550px){.card-container{flex-direction:column-reverse}}@media (max-width:470px){input{width:50%;padding:15px 20px;border-radius:20px;border:none}button{padding:10px 15px;border:none;border-radius:20px;font-size:1rem;font-weight:700}}