html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:#333}h1{font-size:3.2em;line-height:1.1}.contact-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;margin:8px;box-shadow:0 2px 4px #0000001a;width:250px}.contact-card h3{margin-top:0;color:#333}.contact-card p{margin:4px 0;color:#555;font-size:.9em}.contact-list{display:flex;flex-wrap:wrap;justify-content:center;padding:20px;width:100%}.search-bar-container{text-align:center;padding:20px}.search-bar{width:50%;max-width:400px;padding:12px 15px;font-size:16px;border:1px solid #ccc;border-radius:25px;outline:none;box-shadow:0 2px 5px #0000001a}.App{font-family:Arial,sans-serif;text-align:center;color:#2c3e50}.App h1{color:#34495e}