* {
  border:0;
  font: normal 18px/1.5 "Fira Sans", "Helvetica Neue", sans-serif;
  margin:0;
  padding:0;
}

#form_wrapper1 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 20%;
}

#form_wrapper2 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 60%;
}

#header {
  background-color: #60e2cb;
  height: 5vh;
  padding: 10px;
  width: 100%;
}

input[type="text"] {
  margin: 0;
  width: 50%;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  padding: 10px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}

input[type="text"]:focus,
input[type="text"].focus
{
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}

#wrapper {
  height: 100vh;
  width: 100vw;
}

.flex-outer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

label {
  padding: 8px;
  font-weight: 300;
  letter-spacing: .09em;
  text-transform: uppercase;
}

button {
  /*margin-left: 20px;*/
  padding: 8px 16px;
  border: none;
  background: #333;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 2px;
}