.icone-person-rabbitmq{
    display: inline-block; /* Para o elemento se comportar como um ícone */
    width: 40px;
    height: 40px;

    background-color: #642c45; /* Cor de fallback caso o gradiente não seja suportado */
    background-image: linear-gradient(90deg, #642c45, #6c9ffc);

    /* Propriedades da Máscara SVG */
    mask-image: url("../images/icons/rabbitmq-logo-svgrepo-com.89d73127bf64.svg");
    mask-size: contain;        /* Garante que o SVG caiba dentro do elemento e mantenha proporções */
    mask-repeat: no-repeat;    /* Evita que a máscara se repita */
    mask-position: center;     /* Centraliza a máscara no elemento */

    /* As mesmas propriedades com prefixo -webkit- para maior compatibilidade */
    -webkit-mask-image: url("../images/icons/rabbitmq-logo-svgrepo-com.89d73127bf64.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.icone-person-java{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 25px;
    margin-right: 25px;
    /* background-image: url("../images/icons/java-svgrepo-com.2ae4636a86ab.svg"); */
    background-size: contain; /* Garante que o SVG caiba dentro do elemento e mantenha proporções */
    background-repeat: no-repeat; /* Evita que a imagem se repita */
    background-position: center; /* Centraliza a imagem no elemento */
    background-clip: content-box; /* Garante que o fundo não cubra a imagem */
    -webkit-background-clip: content-box; /* Para compatibilidade com navegadores WebKit */

}

.skill-position{
    display: grid;
    place-items: center; /* Centraliza o conteúdo dentro do elemento */
}

















    /* background-color: #642c45; Cor de fallback caso o gradiente não seja suportado */
    /* background-image: linear-gradient(90deg, #642c45, #6c9ffc); */

    /* Propriedades da Máscara SVG */
    /* mask-image: url("../images/icons/java-svgrepo-com.2ae4636a86ab.svg");
    mask-size: contain;        Garante que o SVG caiba dentro do elemento e mantenha proporções
    mask-repeat: no-repeat;    Evita que a máscara se repita
    mask-position: center;     Centraliza a máscara no elemento */

    /* As mesmas propriedades com prefixo -webkit- para maior compatibilidade */
    /* -webkit-mask-image: url("../images/icons/java-svgrepo-com.2ae4636a86ab.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center; */
