.About_Card_Container{position:relative;border-radius:1rem}.About_Card_Container:before{content:"";position:absolute;border-radius:1rem;top:-.2rem;left:-.2rem;width:calc(100% + .4rem);height:calc(100% + .4rem);background:linear-gradient(90deg,red,blue,green,#ff0);background-size:400% 400%;z-index:-1;animation:borderAnimation 12s calc(-4s * var(--index)) linear infinite}@keyframes borderAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Projects_Perspective{transform-style:preserve-3d;perspective:1000px;perspective-origin:-10% 40%}.Projects_Card{cursor:pointer;animation:rotating 1s ease-in-out infinite;transform:translateY(calc(1% * var(--rotatingY))) translateZ(calc(1px * var(--z_Param))) rotateY(calc(1deg * var(--perspective)))}@keyframes rotating{50%{transform:translateY(calc(-1% * var(--rotatingY))) translateZ(calc(1px * var(--z_Param))) rotateY(calc(1deg * var(--perspective)))}}.Border_Container{position:absolute;z-index:-1;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px)}.TechBadge_LeftBorder{position:absolute;width:1px;height:100%;top:0;left:-1px;background-color:var(--bc);transform:scaleY(0);transform-origin:bottom;animation:left-border .1s forwards}@keyframes left-border{to{transform:scaleY(1)}}.TechBadge_TopBorder{position:absolute;width:100%;height:1px;top:0;left:0;background-color:var(--bc);transform:scaleX(0);transform-origin:left;animation:top-border .1s .1s forwards}@keyframes top-border{to{transform:scaleX(1)}}.TechBadge_RightBorder{position:absolute;width:1px;height:100%;top:0;right:0;background-color:var(--bc);transform:scaleY(0);transform-origin:top;animation:right-border .1s .2s forwards}@keyframes right-border{to{transform:scaleY(1)}}.TechBadge_BottomBorder{position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--bc);transform:scaleX(0);transform-origin:right;animation:bottom-border .1s .3s forwards}@keyframes bottom-border{to{transform:scaleX(1)}}.Text_Hidder_Container{overflow:hidden}.Text_Hidder,.Text_Hidder_Container{position:absolute;top:0;left:0;width:100%;height:100%}.Text_Hidder{background-color:#fff;transform:rotate(-30deg) scale(4);background-color:var(--bg);animation:reveal .4s .4s forwards}@keyframes reveal{to{left:calc(400%);background-color:transparent}}