@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

img {
    max-width: 100%;
    height: auto !important;
}

html {
    font-size: 16px; 
    }
.h8{
    font-size: 1rem;
}

.h7{
    font-size: 1.8rem;
}
.h6{
    font-size: 1.3rem;
}

.card:hover {
    -webkit-box-shadow: 0 0 10px #0c0c0c3b;
            box-shadow: 0 0 10px #0c0c0c3b; }

.btn-primary:active {
    background-color: #3788f2 !important;
    border-color: #3788f2 !important; }

/* Custom styles for modern look */
.hero-section {
    background: linear-gradient(to right, #e0f2f7, #c1e7f0); /* Light blue gradient */
    padding: 60px 0;
    border-radius: 10px;
    margin-bottom: 3rem;
}

.profile-img-modern {
    border: 5px solid #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.profile-card-modern {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.profile-card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

.skill-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.skill-card:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

.project-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}