*{
    padding: 0;
    margin: 0;
    
}
body{

}
nav ul{
    display: flex;
    gap: 175px;
    height: 60px;
    background-color:#F0F7F1;
}
ul li{
    display: flex;
    font-size: 26px;
}
a{
    text-decoration: none;

    color:#106bff;
    text-align: center;
    margin-top: 10px;
   font-family: "Anonymous Pro", monospace;
  font-weight: 500;
}
a:hover{
   color:   #6D28D9;
}
h1{
       font-family: "Anonymous Pro", monospace;
       font-weight: 400;
       font-size: 28px;
       text-align: center;

}
.container{
    background-color: aliceblue;
    margin-top: 100px;
    margin-left: 200px;
    margin-right: 200px;

}
sub{
       font-family: "Anonymous Pro", monospace;
       font-weight: 300;
margin-left: 100px;
       font-size: 22px;
}

.fname{


    font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
#fname{
       font-size: 17px;

}
#mobno{
  
       font-size: 17px;

}
.mob{
        font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
.vill{
        font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
#villag{
    
       font-size: 17px;
  
}
.dist{
       font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
.mainc{
     font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
#cracc{
    border-radius: 5px;
    margin-left: 350px;
    font-size: 18px;
    font-family:'Courier New', Courier, monospace ;
    font-weight: 600;
}
#remain{
    margin-left: 350px;
display: none;

}
h2{
    margin-left: 300px;
}
#distri{
       font-size: 17px;

}
#maincr{
       font-size: 17px;

}
#warning{
       font-family: 'Courier New', Courier, monospace;
       font-size: 16px;
       margin-bottom: 25px;
       text-align: center;
       margin-left: 320px;
       color: orangered;
}
.pass{
    font-family: "Anonymous Pro", monospace;
       font-size: 22px;
       font-weight: 300;
       margin-left: 250px;
       margin-right: 20px;
}
#passw{
       font-size: 17px;

}
#togglePassword {
    cursor: pointer;
    font-size: 15px;
    margin-left: 6px;
    padding: 2px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
}

#togglePassword:hover {
    background: #f0f0f0;
}
 .passw{
    width: 100%;
    padding-right: 40px; /* space for the emoji so text doesn't overlap it */
}