h1,h2{animation:3s ease-in-out fadeIn}.stars,body,html{width:100%;height:100%;overflow:hidden}.sparkle,.stars,.stars::after{position:absolute}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 50%,#000,#001f3f,#000);color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}h1{font-size:3em;margin:.5em 0}h2{font-size:2em;margin:0}.stars{top:0;left:0;background:0 0;z-index:-1}.stars::after{content:'';top:50%;left:50%;width:2000px;height:2000px;margin-top:-1000px;margin-left:-1000px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle fill="white" cx="1" cy="1" r="1" /></svg>') 0 0/50px 50px;animation:200s linear infinite starMove}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes starMove{from{transform:rotate(0)}to{transform:rotate(360deg)}}.sparkle{width:5px;height:5px;background:#fff;border-radius:50%;pointer-events:none;animation:1s linear infinite sparkle}@keyframes sparkle{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(2)}100%{opacity:0;transform:scale(0)}}