/* Skills Section Styles */
.skillsCardTitle {
    border-bottom: 1px solid rgb(221, 221, 221);
    margin: 1rem 0 2rem;
    padding: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 300;
    color: rgb(181, 133, 0);
}
.skillsGrid {
    position: relative;
    display: grid;
    margin: 0 0.5rem;
    grid-gap: 0.1rem;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    grid-auto-rows: 11rem;
}
.skillsGridItem {
    position: relative;
    width: 8rem;
    padding: 1rem 0;
    text-align: center;
}
.skillsItemLogo {
    width: 7rem;
}
.skillsItemName {
    margin: 0.5rem 0;
    font-size: 1rem;
}


/* Media Queries Styles */
@media screen and (max-width: 560px) {
    .skillsCardTitle {
        margin: 0.5rem 0 1rem;
    }
    .skillsGrid {
        grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
        grid-auto-rows: 9rem;
    }
    .skillsGridItem {
        width: 6rem;
    }
    .skillsItemLogo {
        width: 5rem;
    }
}
@media screen and (max-width: 420px) {
    .skillsCardTitle {
        margin: 0.5rem 0 0.5rem;
    }
    .skillsGrid {
        grid-template-columns: repeat(auto-fill, minmax(4.7rem, 1fr));
        grid-auto-rows: 7.7rem;
    }
    .skillsGridItem {
        width: 4.7rem;
    }
    .skillsItemLogo {
        width: 3.7rem;
    }
    .skillsItemName {
        font-size: 0.8rem;
    }
}