thebadspace/public/assets/css/front/index.css

section.index-search {
  width: 100%;
  background: var(--white);
}

section.start a.search-link {
  color: var(--highlight);
  font-size: 2.5em;
  font-weight: bold;
  border: 0;
  display: block;
}

form.index-search-form {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}

input[type="text"]:focus {
  outline: solid var(--highlight);
  background-color: var(--highlight);
}

form.index-search-form > input[type="text"] {
  width: 91%;
  height: 50px;
  font: 44px var(--base-type);
  transition: all 0.2s linear;
}

form.index-search-form > button {
  height: 60px;
  width: 60px;
  position: relative;
  top: 9px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--highlight);
}