body{
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.contanir{
   overflow-x: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   background: rgb(11,60,115);
background: linear-gradient(90deg, rgba(11,60,115,1) 0%, rgba(154,6,161,1) 100%);
   /* background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 86%, rgba(148,187,233,1) 90%); */
   /* background: rgb(160,187,215);
background: linear-gradient(90deg, rgba(160,187,215,1) 0%, rgba(209,186,210,1) 100%); */
   /* background-color: aqua; */
}
.form{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   /* background: rgb(97,156,221);
background: linear-gradient(90deg, rgba(97,156,221,1) 0%, rgba(196,103,200,1) 100%); */
   /* background-color: #fff; */
   padding: 10px 50px;
   /* width: 300px; */
   height: auto;
}
.form h1{
   text-shadow: rgba(0, 0, 0, 0.507) 10px 15px 15px;
   color: rgba(240, 248, 255, 0.945);
   font-size: 45px;
   text-align: center;
}
.Pnum label{
   color: azure;
}
.Pnum{
   margin-top: 0px;
}
.form input::placeholder{
   color: rgba(255, 235, 205, 0.274);
}
.form input{
   color: blanchedalmond;
   border-radius: 10px;
   border: none;
   outline: none;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   background-color: transparent;
   /* color: #fff; */
   /* background-color: rgb(173, 196, 209); */
   padding: 10px;
   width: 350px;
   font-size: 15px;
   margin-top: 10px;
   /* margin: 10px; */
   height: 4vh;
}
.form button{
   padding: 15px 60px;
   font-size: 15px;
   font-weight: bold;
   width: 250px;
   border-radius: 10px;
   background: #18b61e;
   /* color: #fff; */
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

   color: azure;
   border: none;
   outline: none;
   margin-top: 20px;
   /* margin: 20px 0px; */
}
#verify{
   margin-bottom: 10px;
}
/* Responsive */
@media only screen and (max-width: 470px){
   .form{
      padding: 0px 20px;
      width: 300px;
      flex-wrap: wrap;
   }
   .form input{
      width: 250px;
      height: 3vh;
   }
}