* { transition: all 0.3s; } body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; background-image: radial-gradient(1.5px 1.5px at 20px 30px, #ffffff, transparent), radial-gradient(1px 1px at 60px 90px, #ffffff, transparent), radial-gradient(2px 2px at 90px 40px, #ffffff, transparent), radial-gradient(1px 1px at 130px 120px, #ffffff, transparent), radial-gradient(1.5px 1.5px at 170px 60px, #ffffff, transparent), radial-gradient(1px 1px at 210px 150px, #ffffff, transparent), radial-gradient(2px 2px at 250px 90px, #ffffff, transparent), radial-gradient(1px 1px at 290px 20px, #ffffff, transparent), radial-gradient(1.5px 1.5px at 330px 110px, #ffffff, transparent), radial-gradient(1px 1px at 370px 50px, #ffffff, transparent), radial-gradient(2px 2px at 410px 140px, #ffffff, transparent), radial-gradient(1px 1px at 450px 80px, #ffffff, transparent), radial-gradient(1.5px 1.5px at 490px 30px, #ffffff, transparent), radial-gradient(1px 1px at 30px 160px, #ffffff, transparent), radial-gradient(2px 2px at 80px 180px, #ffffff, transparent); background-repeat: repeat; background-size: 500px 220px; opacity: 0.6; animation: multiverse-stars 120s linear infinite; } @keyframes multiverse-stars { from { background-position: 0 0; } to { background-position: -1100px 500px; } }