body {
    height: 600px;
    display:flex;
    justify-content:center;
    align-items:center;    
}
.main{
    width: 350px;
    border-radius:10px;
    border:0.1px solid #00000020;
    box-shadow:0px 0px 50px 5px #00000020;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:20px 10px 10px 10px;
} 
h2{
    letter-spacing:0.5px;
}
.areaof{
    width: 80%;
    height: 40px;
    outline:0px;
    border:0px;
    padding:0px 20px;
    font-size:13px;
    font-weight:400;   
    margin-bottom:15px; 
    border-radius:50px;
    cursor:pointer;
    transition:0.5s;
    font-weight:400;    
}
.areaof:hover{
    font-size:14px;    
}
input{
    width: 75%;
    height: 40px;
    outline:none;
    border:1px solid #00000040;
    padding-left:20px;
    border-radius:10px;
    display:none;
        
} 
.ipt1{
    font-size:12px;
    transform:translate(-75px, 0px);      
}  
.selbtn{
    background: #ff892b;
    font-size:12px;
    font-weight:400;
    margin-left:55%;
    border:none;
    width: 90px;
    height: 40px;
    margin-top:-55px;
    border-radius:0px 50px 50px 0px;
           
}
.cal{
    width: 75%;
    height: 40px;
    border:none;
    border-radius:50px; 
    display:none;   
    align-items:center;
    font-size:15px; 
    margin-bottom:10px;   
}   
.ans{
    font-size:20px;
    font-weight:600;
    display:none;
}    
.ps1{
    margin-top:20px;
}