body {
  font-family: Arial, sans-serif;
  padding: 2em;
  background-color: #f8f8f8;
}

h1 {
  color: purple;
}
h2 {
  color: purple;
}

form {
  text-align: center;
  margin-bottom: 1.5em;
}

input[name="searchText"] {
  padding: 0.5em 1em;
  font-size: 1em;
  width: 300px;
  max-width: 80%;
  border: 1px solid #ccc;
  border-radius: 4px;
}

table {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  background-color: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

table th, table td {
  padding: 12px 15px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

table th {
  background-color: #efefef;
}

table tr:hover {
  background-color: #f1f1f1;
}

button {
  padding: 0.5em 1.2em;
  font-size: 1em;
  background-color: #4CAF50; /* A calm green */
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
  display: inline-block;
  margin-bottom: 1.5em;
}

button:hover {
  background-color: #45a049; /* Slightly darker on hover */
}

.image-container {
  text-align: center;
  margin-bottom: 10px;
}

.image-container img {
  width: 150px;
  height: 150px;
}