.fas.fa-lightbulb:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}












.fas.fa-quote-left {
    font-size: 10px;
}

.fas.fa-quote-right {
    font-size: 10px;
}

.fas.fa-star {
    font-size: 10px;
}

.fas.fa-external-link-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #000000 12.5%, transparent 12.5%, transparent 37.5%, #808080 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #000000 87.5%) 0 0,
    linear-gradient(45deg, #333333 12.5%, transparent 12.5%, transparent 37.5%, #999999 37.5%, #cccccc 62.5%, transparent 62.5%, transparent 87.5%, #333333 87.5%) 5px 5px,
    linear-gradient(45deg, #666666 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #dddddd 62.5%, transparent 62.5%, transparent 87.5%, #666666 87.5%) 0 5px,
    linear-gradient(45deg, #bbbbbb 12.5%, transparent 12.5%, transparent 37.5%, #dddddd 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #bbbbbb 87.5%) 5px 0,
    linear-gradient(45deg, #888888 12.5%, transparent 12.5%, transparent 37.5%, #cccccc 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #888888 87.5%) -5px -5px,
    linear-gradient(45deg, #555555 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #555555 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-folder:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-graduation-cap{
    font-size: 17px;
}

.fas.fa-graduation-cap.icon:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-graduation-cap:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.bx.bx-wrench {
    color: yellow;
}


.bx.bx-wrench:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #ffd700 12.5%, transparent 12.5%, transparent 37.5%, #ffeb3b 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffd700 87.5%) 0 0,
    linear-gradient(45deg, #ffeb3b 12.5%, transparent 12.5%, transparent 37.5%, #fff176 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffeb3b 87.5%) 5px 5px,
    linear-gradient(45deg, #fff176 12.5%, transparent 12.5%, transparent 37.5%, #fff59d 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #fff176 87.5%) 0 5px,
    linear-gradient(45deg, #fff59d 12.5%, transparent 12.5%, transparent 37.5%, #fff9c4 37.5%, #fffae1 62.5%, transparent 62.5%, transparent 87.5%, #fff59d 87.5%) 5px 0,
    linear-gradient(45deg, #ffeb3b 12.5%, transparent 12.5%, transparent 37.5%, #fff176 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffeb3b 87.5%) -5px -5px,
    linear-gradient(45deg, #fff176 12.5%, transparent 12.5%, transparent 37.5%, #fff9c4 37.5%, #fffae1 62.5%, transparent 62.5%, transparent 87.5%, #fff176 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}




.bx.bx-bar-chart-alt {
    color: orange;
}

.bx.bx-bar-chart-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #ff7f00 12.5%, transparent 12.5%, transparent 37.5%, #ffa500 37.5%, #ffd700 62.5%, transparent 62.5%, transparent 87.5%, #ff7f00 87.5%) 0 0,
    linear-gradient(45deg, #ff8c00 12.5%, transparent 12.5%, transparent 37.5%, #ffb347 37.5%, #ffcc80 62.5%, transparent 62.5%, transparent 87.5%, #ff8c00 87.5%) 5px 5px,
    linear-gradient(45deg, #ff6347 12.5%, transparent 12.5%, transparent 37.5%, #ffa07a 37.5%, #ffdab9 62.5%, transparent 62.5%, transparent 87.5%, #ff6347 87.5%) 0 5px,
    linear-gradient(45deg, #ffa07a 12.5%, transparent 12.5%, transparent 37.5%, #ffdab9 37.5%, #ffe4b5 62.5%, transparent 62.5%, transparent 87.5%, #ffa07a 87.5%) 5px 0,
    linear-gradient(45deg, #ff4500 12.5%, transparent 12.5%, transparent 37.5%, #ff8c00 37.5%, #ffd700 62.5%, transparent 62.5%, transparent 87.5%, #ff4500 87.5%) -5px -5px,
    linear-gradient(45deg, #ff6347 12.5%, transparent 12.5%, transparent 37.5%, #ffa07a 37.5%, #ffdab9 62.5%, transparent 62.5%, transparent 87.5%, #ff6347 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.bx.bx-code-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #000000 12.5%, transparent 12.5%, transparent 37.5%, #808080 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #000000 87.5%) 0 0,
    linear-gradient(45deg, #333333 12.5%, transparent 12.5%, transparent 37.5%, #999999 37.5%, #cccccc 62.5%, transparent 62.5%, transparent 87.5%, #333333 87.5%) 5px 5px,
    linear-gradient(45deg, #666666 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #dddddd 62.5%, transparent 62.5%, transparent 87.5%, #666666 87.5%) 0 5px,
    linear-gradient(45deg, #bbbbbb 12.5%, transparent 12.5%, transparent 37.5%, #dddddd 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #bbbbbb 87.5%) 5px 0,
    linear-gradient(45deg, #888888 12.5%, transparent 12.5%, transparent 37.5%, #cccccc 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #888888 87.5%) -5px -5px,
    linear-gradient(45deg, #555555 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #555555 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-key{
    color: orange;
}

.fas.fa-key:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #ffd700 12.5%, transparent 12.5%, transparent 37.5%, #ffeb3b 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffd700 87.5%) 0 0,
    linear-gradient(45deg, #ffeb3b 12.5%, transparent 12.5%, transparent 37.5%, #fff176 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffeb3b 87.5%) 5px 5px,
    linear-gradient(45deg, #fff176 12.5%, transparent 12.5%, transparent 37.5%, #fff59d 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #fff176 87.5%) 0 5px,
    linear-gradient(45deg, #fff59d 12.5%, transparent 12.5%, transparent 37.5%, #fff9c4 37.5%, #fffae1 62.5%, transparent 62.5%, transparent 87.5%, #fff59d 87.5%) 5px 0,
    linear-gradient(45deg, #ffeb3b 12.5%, transparent 12.5%, transparent 37.5%, #fff176 37.5%, #fff9c4 62.5%, transparent 62.5%, transparent 87.5%, #ffeb3b 87.5%) -5px -5px,
    linear-gradient(45deg, #fff176 12.5%, transparent 12.5%, transparent 37.5%, #fff9c4 37.5%, #fffae1 62.5%, transparent 62.5%, transparent 87.5%, #fff176 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-globe{
    color: blue;
}

.fas.fa-globe:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #00509e 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #00509e 37.5%, #0066cc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #002244 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #002244 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #00509e 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #00509e 37.5%, #0066cc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #002244 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #002244 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-share-alt{
    color: rgb(157, 157, 255);
}

.fas.fa-share-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #6a0dad 12.5%, transparent 12.5%, transparent 37.5%, #8a2be2 37.5%, #d8bfd8 62.5%, transparent 62.5%, transparent 87.5%, #6a0dad 87.5%) 0 0,
    linear-gradient(45deg, #8a2be2 12.5%, transparent 12.5%, transparent 37.5%, #9b30ff 37.5%, #d8bfd8 62.5%, transparent 62.5%, transparent 87.5%, #8a2be2 87.5%) 5px 5px,
    linear-gradient(45deg, #7a0b6e 12.5%, transparent 12.5%, transparent 37.5%, #8b00ff 37.5%, #e6e6fa 62.5%, transparent 62.5%, transparent 87.5%, #7a0b6e 87.5%) 0 5px,
    linear-gradient(45deg, #8b00ff 12.5%, transparent 12.5%, transparent 37.5%, #d8bfd8 37.5%, #e6e6fa 62.5%, transparent 62.5%, transparent 87.5%, #8b00ff 87.5%) 5px 0,
    linear-gradient(45deg, #9b30ff 12.5%, transparent 12.5%, transparent 37.5%, #d8bfd8 37.5%, #e6e6fa 62.5%, transparent 62.5%, transparent 87.5%, #9b30ff 87.5%) -5px -5px,
    linear-gradient(45deg, #6a0dad 12.5%, transparent 12.5%, transparent 37.5%, #8a2be2 37.5%, #d8bfd8 62.5%, transparent 62.5%, transparent 87.5%, #6a0dad 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-chart-line{
    color: rgb(157, 255, 214);
}

.fas.fa-chart-line:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #00ff99 12.5%, transparent 12.5%, transparent 37.5%, #66ff66 37.5%, #ccffcc 62.5%, transparent 62.5%, transparent 87.5%, #00ff99 87.5%) 0 0,
    linear-gradient(45deg, #66ff66 12.5%, transparent 12.5%, transparent 37.5%, #99ff99 37.5%, #ccffcc 62.5%, transparent 62.5%, transparent 87.5%, #66ff66 87.5%) 5px 5px,
    linear-gradient(45deg, #00cc66 12.5%, transparent 12.5%, transparent 37.5%, #66ff66 37.5%, #99ff99 62.5%, transparent 62.5%, transparent 87.5%, #00cc66 87.5%) 0 5px,
    linear-gradient(45deg, #99ff99 12.5%, transparent 12.5%, transparent 37.5%, #ccffcc 37.5%, #e6ffe6 62.5%, transparent 62.5%, transparent 87.5%, #99ff99 87.5%) 5px 0,
    linear-gradient(45deg, #66ff66 12.5%, transparent 12.5%, transparent 37.5%, #99ff99 37.5%, #ccffcc 62.5%, transparent 62.5%, transparent 87.5%, #66ff66 87.5%) -5px -5px,
    linear-gradient(45deg, #00cc66 12.5%, transparent 12.5%, transparent 37.5%, #99ff99 37.5%, #e6ffe6 62.5%, transparent 62.5%, transparent 87.5%, #00cc66 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.fas.fa-sync-alt{
    color: rgb(102, 250, 151);
}

.fas.fa-sync-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #00ff00 12.5%, transparent 12.5%, transparent 37.5%, #39ff14 37.5%, #a0ff3f 62.5%, transparent 62.5%, transparent 87.5%, #00ff00 87.5%) 0 0,
    linear-gradient(45deg, #39ff14 12.5%, transparent 12.5%, transparent 37.5%, #7fff00 37.5%, #a0ff3f 62.5%, transparent 62.5%, transparent 87.5%, #39ff14 87.5%) 5px 5px,
    linear-gradient(45deg, #00ff00 12.5%, transparent 12.5%, transparent 37.5%, #7fff00 37.5%, #a0ff3f 62.5%, transparent 62.5%, transparent 87.5%, #00ff00 87.5%) 0 5px,
    linear-gradient(45deg, #7fff00 12.5%, transparent 12.5%, transparent 37.5%, #a0ff3f 37.5%, #d0ff7f 62.5%, transparent 62.5%, transparent 87.5%, #7fff00 87.5%) 5px 0,
    linear-gradient(45deg, #39ff14 12.5%, transparent 12.5%, transparent 37.5%, #a0ff3f 37.5%, #d0ff7f 62.5%, transparent 62.5%, transparent 87.5%, #39ff14 87.5%) -5px -5px,
    linear-gradient(45deg, #00ff00 12.5%, transparent 12.5%, transparent 37.5%, #7fff00 37.5%, #d0ff7f 62.5%, transparent 62.5%, transparent 87.5%, #00ff00 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-tools:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #000000 12.5%, transparent 12.5%, transparent 37.5%, #808080 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #000000 87.5%) 0 0,
    linear-gradient(45deg, #333333 12.5%, transparent 12.5%, transparent 37.5%, #999999 37.5%, #cccccc 62.5%, transparent 62.5%, transparent 87.5%, #333333 87.5%) 5px 5px,
    linear-gradient(45deg, #666666 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #dddddd 62.5%, transparent 62.5%, transparent 87.5%, #666666 87.5%) 0 5px,
    linear-gradient(45deg, #bbbbbb 12.5%, transparent 12.5%, transparent 37.5%, #dddddd 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #bbbbbb 87.5%) 5px 0,
    linear-gradient(45deg, #888888 12.5%, transparent 12.5%, transparent 37.5%, #cccccc 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #888888 87.5%) -5px -5px,
    linear-gradient(45deg, #555555 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #555555 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.fas.fa-shield-alt{
    color: rgb(88, 112, 216);
}

.fas.fa-shield-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-bug {
    color: rgb(63, 16, 8);
}

.fas.fa-bug:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #6d4c41 12.5%, transparent 12.5%, transparent 37.5%, #8d6e63 37.5%, #a1887f 62.5%, transparent 62.5%, transparent 87.5%, #6d4c41 87.5%) 0 0,
    linear-gradient(45deg, #8d6e63 12.5%, transparent 12.5%, transparent 37.5%, #a1887f 37.5%, #d7ccc8 62.5%, transparent 62.5%, transparent 87.5%, #8d6e63 87.5%) 5px 5px,
    linear-gradient(45deg, #6d4c41 12.5%, transparent 12.5%, transparent 37.5%, #a1887f 37.5%, #d7ccc8 62.5%, transparent 62.5%, transparent 87.5%, #6d4c41 87.5%) 0 5px,
    linear-gradient(45deg, #a1887f 12.5%, transparent 12.5%, transparent 37.5%, #d7ccc8 37.5%, #e0dcd6 62.5%, transparent 62.5%, transparent 87.5%, #a1887f 87.5%) 5px 0,
    linear-gradient(45deg, #8d6e63 12.5%, transparent 12.5%, transparent 37.5%, #d7ccc8 37.5%, #e0dcd6 62.5%, transparent 62.5%, transparent 87.5%, #8d6e63 87.5%) -5px -5px,
    linear-gradient(45deg, #6d4c41 12.5%, transparent 12.5%, transparent 37.5%, #a1887f 37.5%, #e0dcd6 62.5%, transparent 62.5%, transparent 87.5%, #6d4c41 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-database:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #000000 12.5%, transparent 12.5%, transparent 37.5%, #808080 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #000000 87.5%) 0 0,
    linear-gradient(45deg, #333333 12.5%, transparent 12.5%, transparent 37.5%, #999999 37.5%, #cccccc 62.5%, transparent 62.5%, transparent 87.5%, #333333 87.5%) 5px 5px,
    linear-gradient(45deg, #666666 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #dddddd 62.5%, transparent 62.5%, transparent 87.5%, #666666 87.5%) 0 5px,
    linear-gradient(45deg, #bbbbbb 12.5%, transparent 12.5%, transparent 37.5%, #dddddd 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #bbbbbb 87.5%) 5px 0,
    linear-gradient(45deg, #888888 12.5%, transparent 12.5%, transparent 37.5%, #cccccc 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #888888 87.5%) -5px -5px,
    linear-gradient(45deg, #555555 12.5%, transparent 12.5%, transparent 37.5%, #aaaaaa 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #555555 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}





.fa-node-js {
    font-size: 16px;
}

.fas.fa-server {
    font-size: 16px;
}

.fas.fa-database {
    font-size: 60px;
}

.icon-feedly {
    width: 16px;
    height: 16px;
}

a i.bx {
    font-size: 16px; 
    
}




.fab.fa-linkedin:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}






.fas.fa-envelope {
    font-size: 20 px;
}

.fas.fa-envelope:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}





.bx.bxl-visual-studio {
    font-size: 60px;
    color: blue;
}

.bx.bxl-visual-studio:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #0066cc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #0066cc 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 5px,
    linear-gradient(45deg, #0056b3 12.5%, transparent 12.5%, transparent 37.5%, #0066cc 37.5%, #3388ff 62.5%, transparent 62.5%, transparent 87.5%, #0056b3 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0066cc 37.5%, #3388ff 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #3388ff 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.fab.fa-github {
    font-size: 18px;
}

.fab.fa-github:hover {
    font-size: px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}





.fab.fa-figma {
    font-size: 16px;
}

.fab.fa-figma:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #ff5733 12.5%, transparent 12.5%, transparent 37.5%, #ffbd33 37.5%, #ff33b5 62.5%, transparent 62.5%, transparent 87.5%, #ff5733 87.5%) 0 0, 
    linear-gradient(45deg, #33ff57 12.5%, transparent 12.5%, transparent 37.5%, #33ff8f 37.5%, #ff33a1 62.5%, transparent 62.5%, transparent 87.5%, #33caff 87.5%) 5px 5px,
    linear-gradient(45deg, #ff3333 12.5%, transparent 12.5%, transparent 37.5%, #ff9933 37.5%, #c4e17f 62.5%, transparent 62.5%, transparent 87.5%, #c4e17f 87.5%) 0 5px, 
    linear-gradient(45deg, #ffcc33 12.5%, transparent 12.5%, transparent 37.5%, #33ccff 37.5%, #ff3399 62.5%, transparent 62.5%, transparent 87.5%, #ff3399 87.5%) 5px 0,
    linear-gradient(45deg, #33ffcc 12.5%, transparent 12.5%, transparent 37.5%, #33ccff 37.5%, #ffcc33 62.5%, transparent 62.5%, transparent 87.5%, #ffcc33 87.5%) -5px -5px,
    linear-gradient(45deg, #cc33ff 12.5%, transparent 12.5%, transparent 37.5%, #cc99ff 37.5%, #ff66cc 62.5%, transparent 62.5%, transparent 87.5%, #ff66cc 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}






.fab.fa-html5 {
    font-size: 16px;
}

.fab.fa-html5:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #33ff8f 12.5%, transparent 12.5%, transparent 37.5%, #33d183 37.5%, #33e5a0 62.5%, transparent 62.5%, transparent 87.5%, #33d183 87.5%) 0 0, 
    linear-gradient(45deg, #00ff8f 12.5%, transparent 12.5%, transparent 37.5%, #00ffbb 37.5%, #00ffbb 62.5%, transparent 62.5%, transparent 87.5%, #00e0a0 87.5%) 5px 5px,
    linear-gradient(45deg, #a2e6a1 12.5%, transparent 12.5%, transparent 37.5%, #b1f4a6 37.5%, #c8f7a6 62.5%, transparent 62.5%, transparent 87.5%, #c8f7a6 87.5%) 0 5px, 
    linear-gradient(45deg, #6dff6e 12.5%, transparent 12.5%, transparent 37.5%, #3dff3d 37.5%, #9aff9a 62.5%, transparent 62.5%, transparent 87.5%, #1aff1a 87.5%) 5px 0,
    linear-gradient(45deg, #5dff5d 12.5%, transparent 12.5%, transparent 37.5%, #4cde4c 37.5%, #2ebc2e 62.5%, transparent 62.5%, transparent 87.5%, #009f00 87.5%) -5px -5px,
    linear-gradient(45deg, #5aff5a 12.5%, transparent 12.5%, transparent 37.5%, #5aff5a 37.5%, #5aff5a 62.5%, transparent 62.5%, transparent 87.5%, #5aff5a 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}





.fab.fa-node-js {
    font-size: 60px;
    color: #39af39;
}

.fab.fa-node-js:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #33ff8f 12.5%, transparent 12.5%, transparent 37.5%, #33d183 37.5%, #33e5a0 62.5%, transparent 62.5%, transparent 87.5%, #33d183 87.5%) 0 0, 
    linear-gradient(45deg, #00ff8f 12.5%, transparent 12.5%, transparent 37.5%, #00ffbb 37.5%, #00ffbb 62.5%, transparent 62.5%, transparent 87.5%, #00e0a0 87.5%) 5px 5px,
    linear-gradient(45deg, #a2e6a1 12.5%, transparent 12.5%, transparent 37.5%, #b1f4a6 37.5%, #c8f7a6 62.5%, transparent 62.5%, transparent 87.5%, #c8f7a6 87.5%) 0 5px, 
    linear-gradient(45deg, #6dff6e 12.5%, transparent 12.5%, transparent 37.5%, #3dff3d 37.5%, #9aff9a 62.5%, transparent 62.5%, transparent 87.5%, #1aff1a 87.5%) 5px 0,
    linear-gradient(45deg, #5dff5d 12.5%, transparent 12.5%, transparent 37.5%, #4cde4c 37.5%, #2ebc2e 62.5%, transparent 62.5%, transparent 87.5%, #009f00 87.5%) -5px -5px,
    linear-gradient(45deg, #5aff5a 12.5%, transparent 12.5%, transparent 37.5%, #5aff5a 37.5%, #5aff5a 62.5%, transparent 62.5%, transparent 87.5%, #5aff5a 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}




.fas.fa-robot {
    font-size: 60px;
    color: gray;
}

.fas.fa-robot:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #c0c0c0 12.5%, transparent 12.5%, transparent 37.5%, #d3d3d3 37.5%, #e0e0e0 62.5%, transparent 62.5%, transparent 87.5%, #c0c0c0 87.5%) 0 0,
    linear-gradient(45deg, #d3d3d3 12.5%, transparent 12.5%, transparent 37.5%, #e0e0e0 37.5%, #f5f5f5 62.5%, transparent 62.5%, transparent 87.5%, #d3d3d3 87.5%) 5px 5px,
    linear-gradient(45deg, #c0c0c0 12.5%, transparent 12.5%, transparent 37.5%, #e0e0e0 37.5%, #f5f5f5 62.5%, transparent 62.5%, transparent 87.5%, #c0c0c0 87.5%) 0 5px,
    linear-gradient(45deg, #e0e0e0 12.5%, transparent 12.5%, transparent 37.5%, #f5f5f5 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #e0e0e0 87.5%) 5px 0,
    linear-gradient(45deg, #d3d3d3 12.5%, transparent 12.5%, transparent 37.5%, #f5f5f5 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #d3d3d3 87.5%) -5px -5px,
    linear-gradient(45deg, #c0c0c0 12.5%, transparent 12.5%, transparent 37.5%, #e0e0e0 37.5%, #ffffff 62.5%, transparent 62.5%, transparent 87.5%, #c0c0c0 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.fab.fa-css3-alt {
    font-size: 60px;
    color: #0300c7;
}

.fab.fa-css3-alt:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #1e3a8a 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #1e3a8a 87.5%) 0 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #1e3a8a 37.5%, #93c5fd 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) 5px 5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #3b82f6 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) 0 5px,
    linear-gradient(45deg, #ffffff 12.5%, transparent 12.5%, transparent 37.5%, #3b82f6 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #ffffff 87.5%) 5px 0,
    linear-gradient(45deg, #3b82f6 12.5%, transparent 12.5%, transparent 37.5%, #93c5fd 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #3b82f6 87.5%) -5px -5px,
    linear-gradient(45deg, #93c5fd 12.5%, transparent 12.5%, transparent 37.5%, #ffffff 37.5%, #1e3a8a 62.5%, transparent 62.5%, transparent 87.5%, #93c5fd 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fab.fa-js {
    font-size: 60px;
    color: yellow;
}

.fab.fa-js:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #f7e06e 12.5%, transparent 12.5%, transparent 37.5%, #f7d66e 37.5%, #f7e8a1 62.5%, transparent 62.5%, transparent 87.5%, #f7d66e 87.5%) 0 0, 
    linear-gradient(45deg, #f7e06e 12.5%, transparent 12.5%, transparent 37.5%, #f7d87a 37.5%, #f7e8a1 62.5%, transparent 62.5%, transparent 87.5%, #f7d87a 87.5%) 5px 5px,
    linear-gradient(45deg, #f9eb85 12.5%, transparent 12.5%, transparent 37.5%, #f9e89f 37.5%, #fef3b0 62.5%, transparent 62.5%, transparent 87.5%, #fef3b0 87.5%) 0 5px, 
    linear-gradient(45deg, #f9d74d 12.5%, transparent 12.5%, transparent 37.5%, #f9c94d 37.5%, #fef3a1 62.5%, transparent 62.5%, transparent 87.5%, #f9c94d 87.5%) 5px 0,
    linear-gradient(45deg, #f7c82f 12.5%, transparent 12.5%, transparent 37.5%, #f7b424 37.5%, #f7a618 62.5%, transparent 62.5%, transparent 87.5%, #f7a618 87.5%) -5px -5px,
    linear-gradient(45deg, #f7e6a0 12.5%, transparent 12.5%, transparent 37.5%, #f7e6a0 37.5%, #f7e6a0 62.5%, transparent 62.5%, transparent 87.5%, #f7e6a0 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #fef7d8; /* Couleur de fond de l'icône */
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-search {
    font-size: 16px;
}

.fas.fa-search:hover {
    font-size: 60px;
    background: 
        linear-gradient(45deg, #33f1ff 12.5%, transparent 12.5%, transparent 37.5%, #338bff 37.5%, #33cfff 62.5%, transparent 62.5%, transparent 87.5%, #338bff 87.5%) 0 0, 
        linear-gradient(45deg, #0084ff 12.5%, transparent 12.5%, transparent 37.5%, #00d9ff 37.5%, #00d9ff 62.5%, transparent 62.5%, transparent 87.5%, #00c3ff 87.5%) 5px 5px,
        linear-gradient(45deg, #8eeafae1 12.5%, transparent 12.5%, transparent 37.5%, #a6f2f7 37.5%, #DAF7A6 62.5%, transparent 62.5%, transparent 87.5%, #DAF7A6 87.5%) 0 5px, 
        linear-gradient(45deg, #009fc7 12.5%, transparent 12.5%, transparent 37.5%, #0300c7 37.5%, #155aee 62.5%, transparent 62.5%, transparent 87.5%, #002ec7 87.5%) 5px 0,
        linear-gradient(45deg, #0c9090 12.5%, transparent 12.5%, transparent 37.5%, #0c7c90 37.5%, #290c90 62.5%, transparent 62.5%, transparent 87.5%, #900C3F 87.5%) -5px -5px,
        linear-gradient(45deg, #61dafb 12.5%, transparent 12.5%, transparent 37.5%, #61dafb 37.5%, #61dafb 62.5%, transparent 62.5%, transparent 87.5%, #61dafb 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}






.fab.fa-react {
    font-size: 60px;
    color: #009fc7;
}

.fab.fa-react:hover {
    font-size: 60px;
    background: 
        linear-gradient(45deg, #33f1ff 12.5%, transparent 12.5%, transparent 37.5%, #338bff 37.5%, #33cfff 62.5%, transparent 62.5%, transparent 87.5%, #338bff 87.5%) 0 0, 
        linear-gradient(45deg, #0084ff 12.5%, transparent 12.5%, transparent 37.5%, #00d9ff 37.5%, #00d9ff 62.5%, transparent 62.5%, transparent 87.5%, #00c3ff 87.5%) 5px 5px,
        linear-gradient(45deg, #8eeafae1 12.5%, transparent 12.5%, transparent 37.5%, #a6f2f7 37.5%, #DAF7A6 62.5%, transparent 62.5%, transparent 87.5%, #DAF7A6 87.5%) 0 5px, 
        linear-gradient(45deg, #009fc7 12.5%, transparent 12.5%, transparent 37.5%, #0300c7 37.5%, #155aee 62.5%, transparent 62.5%, transparent 87.5%, #002ec7 87.5%) 5px 0,
        linear-gradient(45deg, #0c9090 12.5%, transparent 12.5%, transparent 37.5%, #0c7c90 37.5%, #290c90 62.5%, transparent 62.5%, transparent 87.5%, #900C3F 87.5%) -5px -5px,
        linear-gradient(45deg, #61dafb 12.5%, transparent 12.5%, transparent 37.5%, #61dafb 37.5%, #61dafb 62.5%, transparent 62.5%, transparent 87.5%, #61dafb 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.triangle-icon {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 50px solid var(--main-color); 
    margin-bottom: 10px; 
}





.fas.fa-database {
    font-size: 60px;
    color: #086308;
}

.fas.fa-database:hover {
    font-size: 60px;
    background: 
    linear-gradient(45deg, #004d00 12.5%, transparent 12.5%, transparent 37.5%, #006400 37.5%, #004d00 62.5%, transparent 62.5%, transparent 87.5%, #004d00 87.5%) 0 0,
    linear-gradient(45deg, #006400 12.5%, transparent 12.5%, transparent 37.5%, #008000 37.5%, #004d00 62.5%, transparent 62.5%, transparent 87.5%, #006400 87.5%) 5px 5px,
    linear-gradient(45deg, #004d00 12.5%, transparent 12.5%, transparent 37.5%, #008000 37.5%, #006400 62.5%, transparent 62.5%, transparent 87.5%, #004d00 87.5%) 0 5px,
    linear-gradient(45deg, #008000 12.5%, transparent 12.5%, transparent 37.5%, #004d00 37.5%, #003300 62.5%, transparent 62.5%, transparent 87.5%, #008000 87.5%) 5px 0,
    linear-gradient(45deg, #006400 12.5%, transparent 12.5%, transparent 37.5%, #004d00 37.5%, #003300 62.5%, transparent 62.5%, transparent 87.5%, #006400 87.5%) -5px -5px,
    linear-gradient(45deg, #004d00 12.5%, transparent 12.5%, transparent 37.5%, #008000 37.5%, #003300 62.5%, transparent 62.5%, transparent 87.5%, #004d00 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}



.fas.fa-laptop-code:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-chart-pie:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-network-wired:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-bullhorn:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-user-shield:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-shield-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-paint-brush:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-mobile-alt:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}

.fas.fa-laptop:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}


.fas.fa-user-tie:hover{
    font-size: px;
    background: 
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 0 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) 5px 5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) 0 5px,
    linear-gradient(45deg, #003366 12.5%, transparent 12.5%, transparent 37.5%, #004080 37.5%, #0056b3 62.5%, transparent 62.5%, transparent 87.5%, #003366 87.5%) 5px 0,
    linear-gradient(45deg, #004080 12.5%, transparent 12.5%, transparent 37.5%, #0056b3 37.5%, #007acc 62.5%, transparent 62.5%, transparent 87.5%, #004080 87.5%) -5px -5px,
    linear-gradient(45deg, #00264d 12.5%, transparent 12.5%, transparent 37.5%, #003366 37.5%, #004080 62.5%, transparent 62.5%, transparent 87.5%, #00264d 87.5%) -10px -10px;
    background-size: 10px 10px;
    background-color: #6cb3cf;
    -webkit-background-clip: text;
    color: transparent;
    animation: pixelAnimation 20s infinite alternate;
}

@keyframes pixelAnimation {
    0% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
    25% {
        background-position: -10px 10px, 10px -10px, -10px -5px, 10px 5px, -15px -5px, -5px -15px;
    }
    50% {
        background-position: 15px -15px, -15px 15px, 15px 10px, -15px -10px, 10px -15px, 15px 10px;
    }
    75% {
        background-position: -5px -10px, 5px 10px, -5px 10px, 5px -10px, -10px 5px, 10px -5px;
    }
    100% {
        background-position: 0 0, 5px 5px, 0 5px, 5px 0, -5px -5px, -10px -10px;
    }
}