body{
    font-family: 'Courier New', Courier, monospace;
    color: white;
    background-image: url(image/bg-img.jpg);
    padding: 200px 500px;
}
.submit-area{
    margin-top: 50px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 5px 5px 10px gray;
}
#transaction-area{
    display: none;
}
.status{
    margin: 0 20px ;
    color: white;
    padding: 20px;
    border-radius: 10px;
}
.deposit{
    background-color : slateblue;
}
.withdraw{
    background-color : lightsalmon;
}
.balance{
    background-color : orange;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body {
        padding: 10px;
    }
    
    .submit-area {
        padding: 15px;
    }
    
    .status {
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 1.8rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    .submit-area {
        margin-top: 20px;
    }
}