form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  border: 1px solid var(--primary-color);
  padding: 25px;
  width: 100%;
  border-radius: 10px;
  grid-area: "main";
  margin-top: 20px;
}
form div {
  margin: 5px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
label {
  margin-left: 0;
  margin-right: auto;
  padding: 5px;
  font-size: 0.7rem;
  color: darkgray;    
}
input,select {
  padding: 5px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid var(--primary-color);
  height: 40px;
  margin-bottom: 10px;
}

input:focus {
  background-color: rgb(255, 255, 237);
}

.search-form {
  width: 100%;
  border: none;
}
.row {
  display: flex;
  flex-direction: row;
}