:root{--orange:#ee6e24;--background:#000;--border-size:1px;--border-radius:10px}.cardWrapper{display:flex;flex-wrap:wrap;border-radius:.5rem;border:1px solid #2d2d2de4;flex-direction:column;background:linear-gradient(90deg,rgba(26,26,26,.51),rgba(45,45,45,.58));transition:all .5s ease-in-out;box-shadow:0 4px 10px rgba(0,0,0,.5);cursor:pointer}.cardWrapper:hover{border:none}@keyframes rotateBackground{to{--border-angle-1:360deg}}.projectCardWrapper{--border-angle-1:0deg;padding:3px}.projectCardWrapper:hover{padding:3px;border-radius:var(--border-radius);background-image:conic-gradient(from var(--border-angle-1) at 50% 50%,transparent,var(--orange) 5%,transparent 25%,transparent 50%,var(--orange) 60%,transparent 75%,transparent);animation:rotateBackground 10s linear infinite}.projectCard{position:relative;background-color:#000;border-radius:calc(var(--border-radius) - var(--border-size));overflow:hidden}.projectCard:after,.projectCard:before{content:"";position:absolute;top:0;z-index:10;pointer-events:none}