@keyframes shake1{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(2px)}75%{transform:translateY(-1px)}to{transform:translateY(0)}}.hover-animate-shake:hover,.animate-shake{animation:1s ease-out shake1}
.animated-box{transform-origin:0 0}.animated-initial{transform:rotate(30deg)}.animated-trigger{animation:.5s ease-out forwards straighten,1.5s ease-in-out .5s forwards post-shake}.animated-final{transform:rotate(0)}@keyframes straighten{0%{transform:rotate(30deg)}to{transform:rotate(0)}}@keyframes post-shake{0%{transform:rotate(0)}20%{transform:rotate(6deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}.dragging{transition:none!important;transform:rotate(5deg)!important}
@keyframes shake{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(12px)}75%{transform:translateY(-6px)}to{transform:translateY(0)}}.components-animate-shake{animation:1.5s ease-out shake}.components-animate-shake-delay-25{animation:1.5s ease-in-out .25s both shake}.components-animate-shake-delay-50{animation:1.5s ease-in-out .5s both shake}.components-animate-shake-delay-75{animation:1.5s ease-in-out .75s both shake}
.skillBox-item:hover .skillBox-item-text{opacity:1;top:-30%}
.custom-scrollbar{scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6d6d6d}