/* Basic styles for the body element */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
  background-color: #ffffff; 
  color: #333; 
  margin: 40px; 
  text-align: center; 
}

/* Styles for main heading (h1) */
h1 {
  color: #444; 
  margin-bottom: 20px; 
}

/* Styles for input elements (text input) */
input, text {
  padding: 10px;
  width: 60%; 
  max-width: 500px; 
  border: 2px solid #ddd; 
  border-radius: 4px; 
  margin-right: 10px; 
  font-size: 16px; 
}

/* Styles for buttons */
button {
  padding: 10px 20px; 
  background-color: #5c7cfa; 
  color: white; 
  border: none; 
  border-radius: 4px; 
  cursor: pointer; 
  transition: background-color 0.3s; 
  font-size: 16px; 
}

/* Hover effect for button */
button:hover {
  background-color: #4263eb;
}

/* Container for displaying results */
#results {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center; 
  margin-top: 30px; 
}

/* Styles for images inside results container */
#results img {
  width: 200px; 
  height: 150px; 
  object-fit: cover;
  border-radius: 8px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
  margin: 10px; 
  transition: transform 0.3s ease; 
}

/* Hover effect for images */
#results img:hover {
  transform: scale(1.05); 
}