.user-info {
    position: relative;
}
.user-info input, .user-info input:focus::placeholder, .user-info input:valid::placeholder {
    visibility: visible;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #101010;
    margin-bottom: 10px;
    border: none;
    border-bottom: 2px solid #262626;
    outline: none;
    background: transparent;
}

.user-info label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #262626;
    pointer-events: none;
    transition: .5s;
}
.user-info input:focus~label,
.user-info input:valid~label {
    top: -20px;
    left: 0;
    color: #101010;
    font-size: 12px;
}

.user-info input::placeholder {
    visibility: hidden;
}