.gene_search {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
form.gene_search input[type="text"] {
  padding: 10px;
  font-size: 18px;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
  border: 1px solid grey;
  float: left;
  width: 86%;
  /* background: #f1f1f1; */
  background-color: var(--color-secondary);
  /* border-radius: 30px; */
  border-radius: 20px;
  box-shadow: var(--box-shadow-background);
  /* color: var(--font-color); */
}

#textInput {
  color: var(--font-color);
}

form.gene_search button {
  float: left;
  width: 14%;
  padding: 10px;
  /* background: #2196f3; */
  /* background:maroon; */
  background-color: var(--color-secondary);
  /* color: white; */
  color: var(--font-color);
  font-size: 18px;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  /* border-radius: 30px; */
  border-radius: 20px;
  box-shadow: var(--box-shadow-background);
}

form.gene_search button:hover {
  /* background: #0b7dda; */
  /* background: blue; */
  background-color: maroon;
}

form.gene_search::after {
  content: "";
  clear: both;
  display: table;
}