*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family:sans-serif;
}
#main{
    display: flex;
   justify-content: center;
   

}
#maindiv{
    display: block;
    box-shadow: 4px 4px 3px grey;
    background-color: #FFFAFA;
   border-radius: 8px;
   max-width: 500px;
}
#t{
    padding: 25px ;
}
#t h3{
    color:purple ;
    font-weight: 0.4;
}
#t h4{
margin-top: 12px;
color: orange;
}
#t p{
    margin-top: 6px;
}
#b{
    display: flex;
    padding: 0;
}
#b1, #b2 {
    flex: 50%;
padding: 25px 25px;


}
#b1{
    background-color:rgb(174, 68, 174) ;
    color: white;
}
#b2{
    background-color:rgb(206, 99, 206) ;
    color: white;
}
.cash{
    margin-top: 15px;
}
.cash strong{
    font-size: 25px;
}
#ty{
    margin-top: 5px;
}
button{
    margin-top: 10px;
    width:80%;
    height: 40px;
    border-radius: 10px;
    font-size: 25px;
    color: white;
    background-color: orange;
}
button:focus{
    outline:none;
}
button:hover{
    transform: scaleY(1.1);
    color: purple
}
@media screen and (max-width:500px){
    #main{
        
       max-width:300px;
    }
#b{
    display:flex;
    flex-direction:column;

}
#t{
    padding:25px 25px 10px 25px;
}
}
@media screen and (max-width:280px){
    button{
        font-size: 20px;
    }
}
@media screen and (max-width:250px){
    button{
        font-size: 15px;
    }
}