form {
  margin: 100px;
}
.input-field {
 position: relative;
    width:85%;
    height: 44px;
    line-height: 44px;
    display: flex;
    margin: auto;
}
label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color:#000;
  transition: 0.2s all;
  cursor: text;
}
input {
  width: 100%;
  border: 0;
  outline: 0;
  padding:0rem 0;
  border-bottom: 2px solid #000;
  box-shadow: none;
  color: #111;
}
input:invalid {
  outline: 0;
}
input:focus,
input:valid {
  border-color:#ec398b;
}
input:focus~label,
input:valid~label {
  font-size: 14px;
  top: -34px;
  color:#ec398b ;
}