.Violet{color:#6e20a7}.head_anim{animation:headX .5s}@keyframes headX{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.cardX_move{animation:effect 1s;transition:.5s}@keyframes effect{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.cardX_lmove{animation:effectlmove 1s;transition:.5s}@keyframes effectlmove{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.cardY_move{animation:effectLeft 1s;transition:.5s}@keyframes effectLeft{0%{transform:translateX(100%)}to{transform:translateY(0)}}.cardX_move:hover,.cardY_move:hover{transform:scale(1.01);transition:.5s}.cardX_lmove:hover{transform:scale(1.001);transition:.5s}.card_hover:hover{box-shadow:5px 10px 18px gray}