body{
    background-color: #f4f7fe;
    padding: 0 .5rem;
}
.top{
    background: #444444;
    color: whitesmoke;
    .avatar-pic {
      width: 100%;
      max-width: 120px;   
      height: auto;       
      aspect-ratio: 1/1;  
      border-radius: 50%;
      object-fit: cover;
    }
    .card-pic {
      width: 100%;
      max-width: 50px;   
      height: auto;       
      aspect-ratio: 1/1;  
      border-radius: 50%;
      object-fit: cover;
    }
    .cardFooter{
        text-align: center;
        font-family: 'DM Mono', monospace;
    }
}
#card{
    background: #444444;
    color: whitesmoke;
    h4, h6{
        color: #cea229;
    }
}
#foundation{
    background: #444444;
    color: whitesmoke;
    span{font-weight: bolder;}
    .card-header{
        background: goldenrod;
    }
}
#economy{
    background: #444444;
    color: whitesmoke;
    span{font-weight: bolder;}
    .card-header{
        background: #768aa3;
    }
}
footer{
    background: goldenrod;
    border-radius: 0 0 1.5rem 1.5rem;
    text-align: center;
    margin-top: 2rem;
}
.whatsapp-icon{
    position: fixed;
    bottom: 0;
    right: 1rem;
    z-index: 10;
    img{
        width: 100%;
        max-width: 50px;   
        height: auto;       
        aspect-ratio: 1/1;  
        border-radius: 50%;
        object-fit: cover;
    }
}