.hidden {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 1s;
}

@media(prefers-reduced-motion) {
    .hidden {
        transition: none;
    }
}

.show {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

.our-skills .skill:nth-child(2) {
    transition-delay: 50ms;
}

.our-skills .skill:nth-child(3) {
    transition-delay: 100ms;
}

.our-skills .skill:nth-child(4) {
    transition-delay: 150ms;
}

.our-skills .box .tech:nth-child(2) {
    transition-delay: 200ms;
}

.our-skills .box .tech:nth-child(3) {
    transition-delay: 250ms;
}

.our-skills .box .tech:nth-child(4) {
    transition-delay: 300ms;
}

.our-skills .box .tech:nth-child(5) {
    transition-delay: 350ms;
}

.our-skills .box .tech:nth-child(6) {
    transition-delay: 400ms;
}

.our-skills .box .tech:nth-child(7) {
    transition-delay: 450ms;
}

.our-skills .box .tech:nth-child(8) {
    transition-delay: 500ms;
}

.our-skills .box .tech:nth-child(9) {
    transition-delay: 550ms;
}

.our-skills .box .tech:nth-child(10) {
    transition-delay: 600ms;
}

.our-skills .box .tech:nth-child(11) {
    transition-delay: 650ms;
}

.our-skills .box .tech:nth-child(12) {
    transition-delay: 700ms;
}

.our-skills .box .tech:nth-child(13) {
    transition-delay: 750ms;
}

.our-skills .box .tech:nth-child(14) {
    transition-delay: 800ms;
}

.our-skills .box .tech:nth-child(15) {
    transition-delay: 850ms;
}

.our-skills .box .tech:nth-child(16) {
    transition-delay: 900ms;
}

.portfolio .container .project:nth-child(2) {
    transition-delay: 50ms;
}

.portfolio .container .project:nth-child(3) {
    transition-delay: 100ms;
}

.portfolio .container .project:nth-child(4) {
    transition-delay: 150ms;
}

.portfolio .container .project:nth-child(5) {
    transition-delay: 200ms;
}

.portfolio .container .project:nth-child(6) {
    transition-delay: 250ms;
}

/*********/
.scroll {
    position: fixed;
    top: 0;
    left: 0;
    height: 6px;
    width: 0;
    /* background-color: #7f5af0; */
    background-image: linear-gradient(-45deg, #4937f0, #9244f0);
    z-index: 99999;
  }