/* Transitions */
.competency-item, .soft-skills-item, .project-item {
    position: relative;
}

.soft-skills-description, .project-description {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.competency-item, .soft-skills-item, .project-item,
.competency-item img, .soft-skills-img, .project-item img,
.competency-description, .soft-skills-description, .project-description, i.orange, .card {
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}

i.orange:hover {
    transform: scale(1.4);
}

.competency-item:hover .competency-img, 
.soft-skills-item:hover .soft-skills-img, 
.project-item:hover .project-img, .card:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.project-item:hover .project-img {
    opacity: 0.2;
}


.competency-description, .soft-skills-item:hover .soft-skills-description, .project-item:hover .project-description {
    visibility: visible;
    opacity: 1;
}

i.orange {
    animation: slideContinue 1s;
    animation-iteration-count: infinite;
}

i.orange:hover {
    animation-play-state: paused;
}

@keyframes slideUpDelay {
    0% {
        bottom: -10vh;
    }

    100% {
        bottom: 0;
        visibility: visible;
    }
}

@keyframes slideContinue {
    0%, 100% {
        top: 0vh;
    }
    50% {
        transform: translate(0, 10px);
    } 
}
/*---------------------------------------------------------------------------------------------------*/