.rainbow{animation:rainbow 8s linear infinite;background:linear-gradient(45deg,red,orange,#ff0,green,blue,indigo,violet);background-size:400% 400%}.rainbow-line:after{background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);bottom:0;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100%}@keyframes rainbowBorder{0%{border-image-slice:1;border-image-source:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}50%{border-image-slice:1;border-image-source:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}to{border-image-slice:1;border-image-source:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}}.card-row{display:flex}.card-row>.ant-card{flex:1 1}.rainbow-border{animation:rainbowBorder 10s linear infinite}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-container{display:flex;flex-wrap:wrap;gap:20px}.column{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0}@media screen and (max-width:768px){.column{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0}}