style.css

* {
    font-family: 'Poppins';
    
}
.Section1{
    color:white;
}

.App_Container{
    display: flex;
    margin: auto;
    width: 80%;
    justify-content: center;
    
}


.App-Part{
    border: 2px solid;
    padding: 10px;
    
}



table{
    background-color: rgb(252, 250, 247);
    border: 1px solid;
    border-collapse: collapse;
}

th{
    background-color: wheat;
    border: solid 1px;
}

td{
    border: 1px solid;
}



.Section1{
    background-color: #43365f;
}


#title{
    color: rgb(226, 178, 3);
}


#TotalBalance{
    font-size: 60px;
    line-height: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}


#incexpBox{
    
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    padding-top: 0px;
    margin-top: 0px;
}

.Item{
    width:100px;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    line-height: 0px;
    margin-bottom: 15px;
}

.box-1{
    border: 2px solid #13e713;
    color:#13e713 ;

}

.box-1>h5,.box-1>h4{
    color:#13e713 ;
}

.box-2{
    border: 2px solid #f9056f;
    color:#f9056f ;

}

.box-2>h5,.box-2>h4{
    color:#f9056f ;
}

#Date{
    color: #43365f;
}


#submitbutton{
    color: #24036c;
}

input{
    width: 100%;
}

#Category{
width: 100%;
color: #43365f;
background-color: rgb(242, 241, 241);
}

option{
    background-color: rgb(254, 254, 253);
    color: rgb(11, 105, 187);
}