.shape:before{content:"";opacity:.2;filter:blur(5px);z-index:-1;background:radial-gradient(circle at -20% 20%,#ffffff80,#fff0 70%);border-radius:50%;width:90%;height:100%;position:absolute;bottom:2.5%;left:5%}.shape{z-index:-1;opacity:0;width:500px;height:500px;box-shadow:1px 16px 256px 340px var(--main-color);border-radius:50%;margin:auto;animation:3s cubic-bezier(.175,.885,.32,1.275) forwards shapeAnimation,5s cubic-bezier(.175,.885,.32,1.275) 3s forwards topUp;position:absolute;inset:0;transform:translate(0)}@keyframes shapeAnimation{0%{opacity:0;transform:scale(0)}20%{opacity:.3;transform:scale(.2)}40%{opacity:0;transform:scale(0)}60%{opacity:.5;transform:scale(.5)}80%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes topUp{20%{transform:translateY(-150%)}to{box-shadow:1px 16px 256px 340px var(--main-color);transform:translateY(-150%)}}