@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
}

body {
    height: 3000px;
}

li,
a {
    font-weight: 600px;
    font-size: 16px;
    color: #121212;
    text-decoration: none;
}


/* opening of Section 1 */

.head-intro {
    margin-top: 4em;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.heading {
    font-size: 3.3em;
    font-weight: 600;
    width: 70%;
    text-align: center;
}


/* closing of Section 1 */


/* opening of project */

.project {
    display: flex;
    justify-content: center !important;
    margin-top: 4em;
}

.project-column {
    display: flex;
    margin: 1em 3em !important;
    flex-direction: row;
    justify-content: space-evenly !important;
}

.project-item {
    display: flex;
    margin-top: 1.5em;
    gap: 2em !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.project-img {
    width: 30em;
    align-items: center;
    justify-content: center !important;
}

.project-img-container {
    overflow: hidden;
    margin: 1em 2em;
    max-width: 25em;
    max-height: 30em;
    border-radius: 25px;
}

.project-description {
    font-size: 1.2em;
    color: #666666;
    width: 60%;
    text-align: center;
}


/* closing of project */

@media screen and (max-width:576px) {
    .heading {
        font-size: 2.2em;
    }
    .head-intro {
        margin-top: 1.2em;
    }
    .project {
        margin-top: 0em;
    }
    .project-img-container {
        /* padding-inline: 40px; */
        margin: 0px !important;
    }
    .project-item {
        row-gap: 1em;
    }
    .project-img {
        max-width: 100%;
        width: initial;
        border-radius: 40px;
    }
}