body{

    background:#f3f5f7;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    align-content: space-between;
}

.content{
    flex:1;
}
.banner{
    width:15%;
    max-width: 300px;
    min-width: 150px;
    border-radius:8px;
}

.main-title{
    font-weight:700;
}

.card-menu{
    border-radius:15px;
    transition:0.3s;
}

.card-menu:hover{
    transform:translateY(-5px);
}
.icon-box{
    width:50px;
    height:50px;
    background:#f8d7da;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.container-chart{
    height: 500px;
    width: 100%;
}


.container-footer {
    margin-top: auto;
}