body {
    background-color:beige ;
        background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
margin: 0%;
    


}

.h1 {
    font-family:cursive;
    color:rgb(0, 0, 0);
    text-align:center;
    
}


.form {
   text-align: center;
   background-color: rgba(187, 244, 255, 0.726);
   height: 40%;
   width: 30%;
   padding: 2%;
   padding-left: 4px;
   padding-right: 4px;
   margin-top: 3%;
   margin-bottom: 20%;
   margin-left: 35%;
   margin-right: 40%;
   border-radius: 40px;
   border-style: solid;
   border-color:rgb(53, 112, 220);
 
   
 


}

#paragraph1 , #paragraph2 , #paragraph3 , #paragraph4 , #paragraph5 {
    direction: ltr;
    font-family:cursive;
    font-size: medium;
    color:rgb(0, 0, 0);
    text-align:center;

}



#input1 , #input2 , #input3 , #input4 , #input5 {
    background-color: rgb(62, 102, 223);
    border-radius: 50px;
    border-style:solid;
    border-color:rgb(53, 112, 220);
    width: 250px;
    height: 30px;
    -webkit-text-fill-color: white;
}


#pdown {
    font-family: cursive;
    font-weight: 200;

}

#signin {
    font-family: cursive;
    font-weight: 200;
    background-color: rgba(255, 127, 80, 0.687);
    text-align: center;
    border-radius: 15px;
    border-width: 2px;
    margin-top: 8px;
    padding: 10px;
}