Input 1

.input1-group {
position: relative;
}

.input1 {
border: solid 1.5px #9e9e9e;
border-radius: 1rem;
background: none;
padding: 1rem;
font-size: 1rem;
color: #333435;
transition: border 150ms cubic-bezier(0.4,0,0.2,1);
}

.user-label {
position: absolute;
left: 15px;
color: #333435;
pointer-events: none;
transform: translateY(1rem);
transition: 150ms cubic-bezier(0.4,0,0.2,1);
}

.input1:focus, input1:valid {
outline: none;
border: 1.5px solid #1a73e8;
}

.input1:focus ~ label, input1:valid ~ label {
transform: translateY(-50%) scale(0.8);
background-color: #1a73e8;
padding: 0 .2em;
color: #fff;
}