style.css

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  text-decoration: none;
/*  font-family: sans-serif;*/
  font-size: 16px;
}

body{
  background: #3aaf9f;
}

.wrapper{
  background: #fff;
  padding: 2px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 30px;
  padding-bottom: 20px;
}

.wrapper .title{
  text-align: center;
  padding: 20px;
  font-size: 1.4em;
  color: white;
  position: relative;
  margin-bottom: 30px;
  line-height: 30px;
  border-style: none;
  background: #33CC66;
  text-transform: uppercase;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;

}
/*.wrapper button span{
  position:left;
}*/
.wrapper .form .input_field{
  position: relative;
  margin-bottom: 10px;
}

.wrapper .form .input_field .input{
  width: 100%;
  padding: 12px;
  padding-left: 30px;
  border-style: solid;
  background: #eeeeee;

}

.wrapper .form .btn{
  width: 70%;
  margin: 20px auto 0;
  background: #33CC66;
  text-align: center;
  padding: 12px;
  margin-top: 30px;
  border-radius: 25px;
  font-size: 8px;
}

.wrapper .form .btn a{
  color: #01141FFF;
}

.wrapper .form .input_field i{
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  color: #1d2120;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1d2120;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #1d2120;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #1d2120;
}