body{
    display: flex;
    height: 96vh;
    justify-content: center;
    align-items: center;
    background: linear-gradient( to right,#5BC8E6,#8B3BE8);
}

form{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    width: 30%;
    padding: 2rem 0;
    border-radius: 10px;
   

}
@media (max-width:700px) {
    form{
        width: 60%; 
    }
}
h1{
    text-align: center;
}

label{
  
    font-size: 1.3rem;
    /* background-color: blueviolet; */
    width: 80%;
    margin: 0.6rem 0;
    
}

input{
   
    width: 80%;
    font-size: 0.9rem;
    padding: 0%;
    /* border-bottom: 2px solid rgba(210, 210, 210, 0.891); */
    height: 1.5rem;
    margin: 0.3rem 0 0 0 ;
}

.btn{
    border: 0;
    margin: 5% 22% 0 22%;
    width: 50%;
    height: 1.9rem;
    font-size: large;
    align-items: center;
    background: linear-gradient( to right,#5BC8E6,#8B3BE8);
    border-radius: 6px;
}
input:focus{
    border: 2px solid blue;
}
.errorMas{
    margin: 0;
    padding:0;
    color:red;
}