body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
  background-color: #f5f5dc; /* Light beige-looking yellow */
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align to the top */
  align-items: center;
  height: 100vh;
}

.banner {
  text-align: center;
  color: #222; /* Dark color, not pure black */
}

.banner h1 {
  font-size: 2em;
  margin-top: 20px; /* Adjust as needed */
}

.banner small {
  font-size: 1.5em; /* Increase font size */
  font-weight: bold; /* Make it bold */
  color: #333; /* Slightly lighter than main text color */
}

.banner p {
  font-family: 'cursive';
  margin-top: 15px; /* Adjusted for better spacing */
  position: relative;
}

.signature {
  font-style: italic;
  position: absolute;
  bottom: -25px; /* Adjusted for better spacing */
  right: 10px;
  color: #777; /* Lightened color */
}

.unop-link {
  font-size: 0.8em; /* Make it smaller */
  cursor: pointer;
  color: #777; /* Lightened color */
  text-decoration: none; /* Remove underline */
  padding: 8px 12px; /* Adjusted padding */
  border: 1px solid #777; /* Lightened border color */
  border-radius: 5px; /* Add border-radius for a boxed look */
  margin-top: 10px; /* Adjust as needed */
  display: inline-block;
}

.unop-link:hover {
  background-color: #777; /* Darken background on hover */
  color: #fff; /* Change text color on hover */
}

.search-bar,
.request-bar {
  margin-top: 20px; /* Adjust as needed */
  display: flex; /* Align the search input and button horizontally */
  align-items: baseline; /* Align input and button baseline */
}

.search-input,
#requestInput {
  padding: 12px; /* Increased padding */
  border: 1px solid #555; /* Color for the border */
  border-radius: 5px;
  font-size: 1em;
  width: 70%; /* Adjusted width to leave space for the button */
  box-sizing: border-box; /* Include padding in the width */
}

.submit-search-button,
.search-button,
.submit-request-button,
.request-button {
  padding: 12px 20px; /* Adjusted padding */
  background-color: #555; /* Color for the button */
  color: #fff; /* Text color for the button */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 5px; /* Adjusted margin */
}

.search-button:hover,
.submit-search-button:hover,
.request-button:hover,
.submit-request-button:hover {
  background-color: #444; /* Darken background on hover */
}

.request-bar {
  margin-top: 40px; /* Adjusted margin for the request bar */
  display: flex;
  align-items: center; /* Center content vertically */
  flex-direction: column; /* Changed flex direction to column */
  justify-content: center; /* Center content horizontally */
}

#requestInput {
  margin-bottom: 20px; /* Adjusted margin for the request input */
}

.submit-request-button {
  padding: 12px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px; /* Adjusted margin for the submit button */
  display: block;
}