body {

    font-family: Arial, Helvetica, sans-serif;

    margin: 0;

    background: #f4f4f4;

    color: #333;

    line-height: 1.6;

}


header {

    padding: 50px 20px;

    background: white;

    text-align: center;

}


.profile-picture {

    width: 180px;

    height: 180px;

    object-fit: cover;

    border-radius: 50%;

}


h1 {

    margin: 20px 0 5px;

    color: #1f4e79;

}


.title {

    margin: 0;

    font-size: 20px;

    color: #555;

}


main {

    max-width: 900px;

    margin: 30px auto;

    padding: 0 20px;

}


section {

    background: white;

    padding: 30px;

    margin-bottom: 25px;

    border-radius: 8px;

}


h2 {

    color: #1f4e79;

    border-bottom: 2px solid #ddd;

    padding-bottom: 8px;

}


h3 {

    color: #333;

    margin-top: 25px;

}


.project {

    margin-bottom: 35px;

}


.project:last-child {

    margin-bottom: 0;

}


.project-links {

    margin-top: 20px;

}


.project-links a {

    display: inline-block;

    margin-right: 15px;

    margin-bottom: 10px;

}


a {

    color: #1f4e79;

}


a:hover {

    text-decoration: none;

}


.skills-list {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    padding: 0;

    list-style: none;

}


.skills-list li {

    background: #f0f0f0;

    padding: 7px 12px;

    border-radius: 5px;

}


.resume-section {

    text-align: center;

}


#download-resume {

    padding: 12px 24px;

    border: none;

    border-radius: 5px;

    background: #1f4e79;

    color: white;

    font-size: 16px;

    cursor: pointer;

}


#download-resume:hover {

    opacity: 0.9;

}


footer {

    padding: 30px 20px;

    text-align: center;

    background: white;

    color: #666;

}


@media (max-width: 600px) {

    section {

        padding: 20px;

    }


    .profile-picture {

        width: 140px;

        height: 140px;

    }


    h1 {

        font-size: 28px;

    }

}