body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
}


.hero {
    background-color: #ecf0f1;
    padding-top: 100px; 
}

.profile-img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin: 2rem auto;
}


.skill-item {
    background: #3498db;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    text-align: center;
    margin: 0.5rem;
}


.card {
    transition: transform 0.3s ease;
}

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


section {
    padding: 4rem 0;
}


html {
    scroll-behavior: smooth;
}


section {
    scroll-margin-top: 75px; 
}


h1{
    padding-top: 100px;
}