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