fieldset{
    margin: auto;
    margin-top: 6em;
    margin-bottom: 7em;
    width: 30%;
    padding: 2em;
    border-radius: 8px;
    border: 0;    
    box-shadow: #000 0 0 .1em 0;
}
legend{ 
    background-color: #fff;
    color: #595959;
    padding: .1em .5em .1em .5em;
    text-transform: uppercase;
    border-radius: 8px;
}
fieldset input{
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 1.4em;
    padding: .8em 0 .8em 7px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    box-shadow: #000 0 0 .1em 0;
}
fieldset button{
    display: block;
    width: 150px; 
    margin-bottom: .9em;
    padding: 10px 5px 10px 5px;
    border-radius: 8px;
    border: 0;
    font-size: 1.2em;
    background-color: #ff5017;
    color: #fff;
    transition: .5s;
}
fieldset button:hover{
    letter-spacing: 2px;
    cursor: pointer;
}
fieldset a{
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #9c2802;
}

form div{
    position: relative;
}
form div span{
    display: block;
    position: absolute;
    pointer-events: none;
    width: 90%;
    top: 9.9px;
    left: 5px;
    background-color: #fff;
    color: #a6a6a6;
    font-size: 14px;
    transition: .5s;
}
fieldset input:focus ~ span{
    width: auto;
    padding: 0 5px 0 5px;
    top: -7px;
    background-color: #fff;
    font-size: 16px;
    color: #1e1e1e;
}

fieldset input:valid ~ span{
    width: auto;
    padding: 0 5px 0 5px;
    top: -7px;
    background-color: #fff;
    font-size: 16px;
    color: #1e1e1e;
}


.lblMessage{
    transition: .2s;
}
.lblMessageError{
    margin-bottom: .6em;
    padding: .7em .3em .7em .7em;
    background-color: #ff5017;
    color: #ffded2;
    border-radius: 5px;
}
.lblMessageSuccess{
    margin-bottom: .6em;
    padding: .7em .3em .7em .7em;
    background-color: #03daa4;
    color: #d3fef9;
    border-radius: 5px;
}
@media (max-width: 900px) {
    fieldset{
        width: 70%;
    }
    
}