body{
font-family: 'Segoe UI', sans-serif;
background:#f8f9fa;
}

.section{
padding:80px 0;
}

.section-title{
text-align:center;
margin-bottom:40px;
font-weight:600;
}

.hero{
height:100vh;
display:flex;
align-items:center;
background:#f4f7fb;
}

.profile-img{
width:280px;
border-radius:50%;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.skill-card{
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
transition:0.3s;
font-weight:500;
word-break:break-all ;
}

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

.project-card{
border:none;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
transition:0.3s;
}

.project-card:hover{
transform:translateY(-10px);
}
@media (max-width: 576px) {
    #contact .btn {
        width: 100%;
        justify-content: center;
    }

    #contact .d-flex {
        flex-direction: column;
    }
}