body{
 display: block;
 background-image: url('images/Picture2.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-size: 100%;
 justify-content: center;
 align-items: center;
 margin-left: 35%;
 margin-top: 7%;
 font-family: papyrus;
}
.page{
 display: none;
 width: 100%;
 min-height: 100%; 
 position: fixed; 
 padding: 1rem 2rem;
}
.active{
 display: block; 
}


h1{
 font-size: 70px;
 color:rgb(10, 10, 10);
}

a{
 font-weight: bold;
 font-size: larger;
 color:rgb(12, 11, 11);
}

#submit_btn{
 margin-top: 30px;
 height: 30px;
 width: 100px;
 background-color:  rgb(0, 255, 225);
 border-radius: 10px;
 margin-bottom: 30px;
 justify-content: center;
 align-content: center;
}

.input{
 display: block;
 border: double rgb(0, 255, 225);
 border-radius: 10px;
 height: 35px;
 width: 350px;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: cursive;
 justify-items: center;
 align-items: center;
 margin-bottom: 1%;
}

button{
 display: flex;
 font-family: cursive ;
 border-radius: 4px;
 margin: 20px;
 cursor: pointer;
 font-size: 30px;
 border-color: rgb(224, 68, 126);
 justify-content: center;
 align-content: center;
}

input{
    display: flex;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: cursive;
 border-radius: 4px;
 padding: 1%;
 justify-content: center;
 align-content: center;
}

a{
 color: rgb(10, 10, 10);
 text-decoration: underline rgb(0, 255, 225);
}

.loader {
  margin-left: 15%;
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #fa3490;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

 #templeteAllData{
 display: flex;
 justify-content: left;
 }

 #formAllDetails{
 display: flex;
 justify-content: left;
 }