@media (max-width:468px){:root{--width:50px}}#skill{position:relative;min-height:70vh;padding-top:10%;padding-bottom:10%}.slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#0e0e0e 50%,transparent);margin-bottom:3rem;margin-top:6rem}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);text-align:center;align-items:center;position:absolute;left:100%;transition:filter .5s;animation:autoRun 15s linear infinite;animation-delay:calc((15s / var(--quantity)) * (var(--position) - 1))!important}.slider .list .item img{width:auto;margin:0 auto;height:80%}.slider:hover .item{animation-play-state:paused!important}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider[reverse=true] .item{animation:reversePlay 15s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}.vh-100{height:100vh}.btn-outline{border:1px ridge #fed7aa;padding:15px 30px;margin-top:40px;color:#fed7aa;transition:all .8s ease;border-radius:15px}.btn-outline:hover{background-color:#fed7aa;color:#000}.subtitle{color:#fed7aa}.btn-outline.sec{border-color:#000;color:#000}.btn-outline.sec:hover{background-color:#000;color:#fff}@keyframes jumpIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.animate-jump-in{animation:jumpIn 1s ease-in-out}.animated-mouse{position:absolute;width:40px;height:64px;bottom:7.5%;border-radius:15px;animation:bounce 1.5s infinite;border:1px ridge #fed7aa}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animated-mouse:before{content:"";position:absolute;top:12px;left:16px;width:4px;height:8px;background-color:#fed7aa;border:1px solid #fed7aa;border-radius:4px;animation:topY 1.5s infinite}@keyframes topY{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px)}}