.my-skills-background{background:linear-gradient(267deg,#3e2c0b,#a07231,#25428b,#8150cb,#297612);background-size:300% 300%;animation:my-skills-background-animation 20s ease infinite}@keyframes my-skills-background-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.wrapper{width:100%;max-width:100%;margin-inline:auto;position:relative;height:50px;margin-bottom:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}@keyframes scrollLeft{to{left:-200px}}.item{border-radius:8px;position:absolute;left:max(calc(100px * 8),100%);animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.item1{animation-delay:calc(30s / 8 * (8 - 1) * -1)}.item2{animation-delay:calc(30s / 8 * (8 - 2) * -1)}.item3{animation-delay:calc(30s / 8 * (8 - 3) * -1)}.item4{animation-delay:calc(30s / 8 * (8 - 4) * -1)}.item5{animation-delay:calc(30s / 8 * (8 - 5) * -1)}.item6{animation-delay:calc(30s / 8 * (8 - 6) * -1)}.item7{animation-delay:calc(30s / 8 * (8 - 7) * -1)}.item8{animation-delay:calc(30s / 8 * (8 - 8) * -1)}