input[type="search"] {

  border-radius: .25em;
  background-color: #fff;
  background-image: url(../images/search-icon.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
  background-size: 4%;
}

input[type="search"]::-webkit-search-cancel-button {
  right: .4em;
  position: relative;
}

input[type="search"]:not(:invalid) {
  background: #fff;
}

.hidden {
  display: none;
}

h3 {
  width: 30%;
  margin: 0px auto;
  font-weight: bold;
  font-size: 1.2em;
}