.skills{padding:50px 0}.skill{display:flex;flex-direction:row;align-items:center}#main-skills{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}#main-skills>h2{text-align:center}#main-skills>div{flex:1;width:100%;display:grid;grid-template-columns:repeat(calc(var(--nb-columns)),1fr);justify-items:center;align-items:center;padding:50px 0}#main-skills>div{height:100%}#main-skills>div>div>img{max-width:150px;max-height:150px}#main-skills:hover>div>div>img{animation-play-state:paused!important;filter:grayscale(1)}#main-skills>div>div>img:hover{filter:grayscale(0)}.skills-list{width:100%;display:flex;align-items:center;gap:25px}.skills-list>img{max-width:100px;max-height:50px}.skills-list>span{font-size:1.2rem;font-weight:700}.slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient( to right,transparent,#000 10% 90%,transparent );padding:25px 0}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{display:flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 12s linear infinite;animation-delay:calc( (12s/var(--quantity)) * (var(--position) - 1 ))!important;transition:filter .3s}.slider .list .item span{font-size:1.7rem;font-weight:700}.slider .list .item img{max-width:100%;max-height:var(--height)}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider:hover .item:hover{filter:grayscale(0)}@keyframes autoRun{from{left:100%}to{left:calc(var(--width) * -1)}}.slider[reverse=true] .item{animation:reversePlay 12s linear infinite}@keyframes reversePlay{from{left:calc(var(--width) * -1)}to{left:100%}}@media(max-width:1250px){.all-skills{grid-template-columns:1fr}.all-skills>div:nth-child(2){grid-column:1;grid-row:2}}