{ margin: 0; min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 20% 30%, #25204d 0%, transparent 25%), radial-gradient(circle at 80% 20%, #1b3154 0%, transparent 25%), radial-gradient(circle at 50% 80%, #301d46 0%, transparent 30%), linear-gradient(135deg, #080812, #111326, #080812); background-size: 200% 200%; animation: fondo 15s ease infinite; } /* stars*/ body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: radial-gradient(circle, white 1px, transparent 1.5px), radial-gradient(circle, #bfcfff 1px, transparent 2px), radial-gradient(circle, #ffffff 2px, transparent 3px); background-size: 50px 50px, 90px 90px, 170px 170px; background-position: 10px 20px, 40px 60px, 100px 30px; opacity: 0.7; animation: estrellas 8s ease-in-out infinite alternate; } @keyframes fondo { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes estrellas { from { opacity: 0.35; transform: scale(1); } to { opacity: 0.9; transform: scale(1.02); } }