.slider-container{width:380px;height:150px;overflow:hidden;position:relative}.border-gradient-left{background:linear-gradient(270deg,hsla(0,0%,100%,0),#000);left:0}.border-gradient-left,.border-gradient-right{width:60px;height:150px;position:absolute;z-index:10}.border-gradient-right{background:linear-gradient(90deg,hsla(0,0%,100%,0),#000);right:0}.slider-track{display:flex;animation:scroll 20s linear infinite;gap:5px}.slider-container:hover .slider-track{animation-play-state:paused}.slider-item{display:flex;align-items:center;justify-content:center;width:128px;height:150px;flex-shrink:0}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-133px * 12))}}.skillCard{overflow:visible;min-width:130px;width:100%;max-width:190px;min-height:194px;max-height:254px}.card-content{transform-style:preserve-3d;transition:transform .3s;box-shadow:0 0 10px 1px #000000ee}.back,.card-content,.front{width:100%;height:100%;border-radius:5px}.back,.front{background-color:#151515!important;position:absolute;backface-visibility:hidden;overflow:hidden}.back{width:100%;height:100%;justify-content:center;display:flex;align-items:center;overflow:hidden}.back:before{position:absolute;content:" ";display:block;width:160px;height:160%;background:linear-gradient(90deg,transparent,#05957f,#05957f,#05957f,#05957f,transparent);animation:rotation_481 5s linear infinite}.back-content{position:absolute;width:99%;height:99%;background-color:#151515!important;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.skillCard:hover .card-content{transform:rotateY(180deg)}@keyframes rotation_481{0%{transform:rotate(0deg);transform:rotate(1turn)}}.front{transform:rotateY(180deg);color:#fff}.front .front-content{position:absolute;width:100%;height:100%;padding:10px;flex-direction:column}.front .front-content,.title{display:flex;justify-content:space-between}.title{font-size:11px;max-width:100%}.front .img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;background-color:#151515!important}.circle{width:90px;height:90px;border-radius:50%;position:relative;filter:blur(15px);animation:floating-circle 2.6s linear infinite;will-change:transform}#bottom,.circle{background-color:#05957f}#bottom{left:50px;top:0;width:150px;height:150px;animation-delay:-.8s}#right{background-color:#05957f;left:160px;top:-80px;width:30px;height:30px;animation-delay:-1.8s}@keyframes floating-circle{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}