body[data-v-f9ade2d6]{background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d,#1b2947);background:radial-gradient(220% 105% at top center,#1b2947 10%,#75517d 40%,#e96f92 65%,#f7f7b6);background-attachment:fixed;overflow:hidden}.demo[data-v-f9ade2d6]{width:100%;height:1000px}@-webkit-keyframes rotate-data-v-f9ade2d6{0%{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}@keyframes rotate-data-v-f9ade2d6{0%{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}.demo .stars[data-v-f9ade2d6]{-webkit-transform:perspective(500px);transform:perspective(500px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;bottom:0;-webkit-perspective-origin:50% 100%;perspective-origin:50% 100%;left:50%;-webkit-animation:rotate-data-v-f9ade2d6 90s linear infinite;animation:rotate-data-v-f9ade2d6 90s linear infinite}.demo .star[data-v-f9ade2d6]{width:2px;height:2px;background:#f7f7b6;position:absolute;top:0;left:0;-webkit-transform-origin:0 0 -300px;transform-origin:0 0 -300px;-webkit-transform:translateZ(-300px);transform:translateZ(-300px);-webkit-backface-visibility:hidden;backface-visibility:hidden}