.home-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.search-form{width:100%;max-width:600px}.search-bar{display:flex;background:#FFFFFF;border-radius:4px;overflow:hidden}.search-input{flex-grow:1;padding:20px;font-size:1.5rem;border:none;outline:none}.search-button{background-color:#4caf50;padding:20px;border:none;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem}.search-input:focus,.search-button:focus{outline:none}.search-button:hover{background-color:#367c39}@media (max-width: 768px){.search-input{padding:15px;font-size:1.2rem}.search-button{padding:15px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center}.modal-content{position:relative;background:rgb(47,47,47);padding:20px;width:80%;height:80%;max-width:1200px;max-height:90%;box-shadow:0 4px 8px #0000001a;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.modal-close{position:absolute;top:10px;right:10px;border:none;background:white;color:#000;font-size:20px;cursor:pointer;border-radius:50%;padding:.5em .7em;z-index:1000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #ffffff}body{background-color:#6c6c6c}.movie-search-container{font-family:Roboto,sans-serif;color:#fff;background-color:#121212;padding:20px;min-height:100vh}.search-form input{width:60%;padding:10px;margin-right:5px;border-radius:4px;border:none}.search-form button{padding:10px;border-radius:4px;border:none;background-color:#1e88e5;color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;margin-top:20px}.movie-card{background-color:#1e1e1e;box-shadow:0 4px 8px #0000001a;border-radius:10px;cursor:pointer;overflow:hidden}.movie-card img{width:100%;height:auto;border-bottom:1px solid #333}.movie-card h3{padding:10px}