formInput.css

.formInput{
    display: flex;
    flex-direction: column;
    width: 280px;
    max-width: fit-content;
   
}

.input1{
    position:relative;
    left:320px;
     top:30px;

    padding: 15px;
    margin: 10px 0px;
    border-radius: 5px;
    border: 1px solid rgb(21, 6, 105);
}

.l1{
    font-size: 12px;
    color: rgb(17, 33, 142);
   
    position:relative;
    left:200px;
     top:65px;
     padding-right: 10px;
    
}
.an{
    position:relative;
    left:250px;
     top:10px;
     font-size: 40px;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     color: rgb(17, 33, 142) ;
     
    
    
}
.b1{
    position:relative;
    left:400px;
     top:55px;
     padding:6px;
    color: aliceblue;
    background-color: rgb(17, 33, 142) ;
    font-family: poppins;

}



.S1{
    font-size: 12px;
    padding: 3px;
    color:  rgb(19, 9, 97);
    display: none;
}

input:invalid[focused="true"]{
    border: 1px solid rgb(198, 13, 44);
}

input:invalid[focused="true"] ~ span{
    display: block;
}