.maincard{width:100%}.e-card{margin:auto;background:transparent;box-shadow:3px 8px 28px -9px #ff4815;position:relative;width:340px;height:170px;border-radius:16px;overflow:hidden;background-color:#fff}.wave{width:540px;height:700px;opacity:.6;top:0;margin-left:-50%;margin-top:-70%;background:linear-gradient(744deg,#5b0303,#54031c,#4b0303)}.infotop,.wave{position:absolute;left:0}.infotop{text-align:center;font-size:20px;right:0;color:#fff;font-weight:600}.name{position:relative;top:1em;font-size:.875rem}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{border-radius:40%;animation:wave 3s linear infinite}.wave{border-radius:40%;animation:wave 55s linear infinite}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.e-card{width:280px;height:120px}.name{position:relative;top:2px}.infotop{text-align:center;font-size:16px;position:absolute;font-weight:500}}.admincarddiv{display:flex;padding:5rem;row-gap:50px;height:auto;align-items:flex-start;justify-content:space-evenly;flex-direction:row;flex-wrap:wrap;overflow:scroll;align-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@media (max-width:768px){.admincarddiv{margin:0;row-gap:35px;padding:0}}