.container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

/* firstContainer Start*/

.first{
    width: 1000px;
    background-color: white;
}

.heading{
    width: fit-content;
    margin: auto;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

.heading::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.1em;
    width: 100%;
    background-color: tomato;
    transform: translate3d(-100%, 0, 0);
    opacity: 1;
    transition: transform 300ms;
}

.heading:hover::after,
.heading:focus::after {
  transform: translate3d(0, 0, 0);
}

.text-area{
    padding: 35px;
}

/* firstContainer End*/

/* secondContainer Start*/

.second{
    display: none;
}

/* secondContainer Start*/

.cell{
    color: white;
    margin: 20px;
    width: 280px;
    padding: 25px;
    border-radius: 10px;
}

#deposit-cell{
    background-color: rgb(255, 77, 6);
}

#withdraw-cell{
    background-color: rgb(19, 6, 255);
}

#balance-cell{
    background-color: slateblue;
}