body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #495057; /* Darker grey for body text */
}

a {
    color: #A0522D; /* Sienna for links */
}

a:hover {
    color: #8B4513; /* Darker sienna on hover */
}

.hero {

    background-color: #3A4F41; /* Matte Green */

    padding: 60px 0;

    position: relative;

    z-index: -1;

}



.profile-img {

    max-width: 100%;

    height: auto;

    border-radius: 8px; /* Slightly rounded corners for a modern look */

}



.scroll-section {

    position: relative;

    z-index: 1;

    background-color: #fff; /* or the respective background color */

}



.job-block {



    padding: 1rem;



    border: 1px solid #eee;



    border-radius: .25rem;



}







.company-logo {



    width: 50px;



    height: 50px;



    object-fit: contain;



}







.card-img-top-uniform {



    height: 200px; /* Adjust as needed */



    object-fit: cover;



    object-position: center;



}







.footer-linkedin-icon i {







    font-size: 2.5rem; /* Make the icon larger */







    color: #fff; /* White icon color */







    transition: color 0.3s;







}















.footer-linkedin-icon:hover i {







    color: #A0522D; /* Use the same hover color as other links */







}















.bg-light {







    background-color: #F8F9FA !important;







}



.btn-primary {

    background-color: #5F7464; /* Lighter Matte Green */

    border-color: #5F7464;

}

.btn-primary:hover {
    background-color: #4A5C50;
    border-color: #4A5C50;
}

.btn-outline-primary {
    color: #3A4F41;
    border-color: #3A4F41;
}

.btn-outline-primary:hover {
    background-color: #3A4F41;
    color: #fff;
}

#about {
    background-color: #fff;
}

#media {
    background-color: #F8F9FA;
}

.card {
    border: none;
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-5px);
}

footer {
    background-color: #3A4F41; /* Matte Green */
}