.kamusi-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kamusi-logo img {
  margin: 10px;
}

.kamusi-logo p {
}

.signupform {
  flex: 100%;
  margin-top: 60px;
  padding: 10px;
}

.search-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6vh; /* Adjust as needed */
}

.search-label {
  flex: 20%;
  text-align: center;
}

.search-box {
  flex: 100%;
}

.search-box input {
  width: 95%;
min-width: 0;
  padding: 10px;
  border-radius: 12px;
font-size: calc(6vh / 3); /* Calculate font size based on container height */
}


.joinus {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 14px;
  text-align: center;
  background-color: #f1f1f1;
  margin: 10px;

}

.joinus p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.azindex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;
}

.azindex2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;

}

.browse2 {
  margin: 10px;
  margin-top: 40px;

}

/* pagination styling */
.azindex a { 
  background-color: white;
  color: black;
  border: 1px solid #5692c4;
  border-radius: 8px;
  padding: 4px 10px;
  margin: 4px;

  text-align: center;
  text-decoration: none;
  display: inline-block;
}

/* pagination styling */
.azindex2 a { 
  background-color: white;
  color: black;
  border: 1px solid #5692c4;
  border-radius: 8px;
  padding: 4px 10px;
  margin: 4px;

  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.footer {
  background-color: white;

}