.project-card{position:relative;overflow:hidden}.shine-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,transparent 35%,hsla(0,0%,100%,.35) 50%,transparent 65%);transform:translateX(-100%) rotate(25deg);pointer-events:none}.project-card:hover .shine-effect:before{animation:shine .85s ease-in-out}@keyframes shine{0%{transform:translateX(-100%) rotate(25deg)}to{transform:translateX(100%) rotate(25deg)}}