style.css

*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f4f7f8}nav{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#17324d;color:white;flex-wrap:wrap}nav a{color:white;text-decoration:none}.logo{font-size:20px;font-weight:bold}.links{display:flex;gap:18px}.search-box{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}input,textarea,button{font:inherit}input,textarea{padding:10px;border:1px solid #bbb;border-radius:5px}button{padding:10px 16px;border:0;border-radius:5px;background:#e56b2f;color:white;cursor:pointer}button:hover{opacity:.9}.secondary{background:#607080}main{width:min(1100px,92%);margin:30px auto;min-height:75vh}.welcome,.page-box{background:white;padding:30px;border-radius:10px;margin-bottom:30px}.h1welcome{font-size:42px;margin-bottom:10px}blockquote{margin-left:0;font-size:22px;font-style:italic;color:#e56b2f}.results,.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card,.team-member{background:white;border-radius:10px;overflow:hidden;padding-bottom:18px}.card img{width:100%;height:180px;object-fit:cover}.card h3,.card p{margin-left:16px;margin-right:16px}.team-member{padding:20px;border:1px solid #ddd}form{display:flex;flex-direction:column;gap:10px;max-width:600px}form button{width:120px;margin-top:10px}.message{background:white;padding:20px;border-radius:10px}footer{text-align:center;padding:18px;background:#17324d;color:white}@media(max-width:700px){.search-box{margin-left:0;width:100%}.search-box input{width:100%}.h1welcome{font-size:34px}}