html{scroll-behavior:smooth}body{height:100vh;font-family:Arial,Helvetica,sans-serif;background-color:#000;color:#fff}h1,p,form,#movie-info-container{text-align:center}h1{font-size:45px;letter-spacing:.5px}p{font-size:larger;letter-spacing:.9}input[type=text]{width:300px;padding:10px;font-size:16px;outline:none;border-radius:5px;border:2px solid #ccc;transition:border-color,.5,ease}input[type=text]:focus{border-color:#c50}button{padding:10px 20px;margin-left:10px;border:none;border-radius:5px;background-color:#c50;font-size:16px;cursor:pointer;color:#fff}.more-info-btn{margin-left:5px}.more-info-btn:hover{text-decoration:none;color:#994001}button:hover{background-color:#9e4200;transform:scale(1.05)}button:active{background-color:#fa6800;transform:scale(1)}#movie-info-container{width:95%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,.5fr));margin:10px auto}.movie-poster{border-radius:4px;margin-top:15px;transition:.4s ease-in-out}.movie-poster:hover{transform:scale(1.1)}.more-info-btn{text-decoration:underline;color:#c50;cursor:pointer}.movie-pop-up-card{text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;max-width:70%;margin:20px auto;box-shadow:0 4px 8px #0000001a;padding:16px;font-family:Arial,sans-serif}.movie-details{padding:16px}.movie-details h2{font-size:24px;margin-bottom:8px;color:#333;font-weight:600}.movie-details p{font-size:16px;margin-bottom:8px;color:#555}.movie-details ul{list-style-type:none;padding:0}ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.movie-details ul li{font-size:14px;margin-bottom:4px;color:#777}.cast-list{list-style:none;padding:0;margin:0}.cast-member{display:flex;align-items:flex-start;border-bottom:1px solid #ddd;padding:16px;margin-bottom:16px}.cast-image{width:100px;height:auto;margin-right:16px;border-radius:8px}.cast-info{flex:1}.cast-info p{margin-bottom:8px;font-size:16px;color:#333}.cast-info a{color:#007bff;text-decoration:none;font-weight:700}.cast-info a:hover{text-decoration:underline}#moreAboutMovie{color:#000}@media (max-width: 600px){.cast-member{flex-direction:column;align-items:center;text-align:center}.cast-image{margin-bottom:16px}}