body { margin: 0; padding: 0; background-color: #0a0e29; background-image: radial-gradient( white, rgba(255, 255, 255, 0.2) 2px, transparent 3px ), radial-gradient( white, rgba(255, 255, 255, 0.15) 1px, transparent 2px ), radial-gradient( white, rgba(255, 255, 255, 0.1) 2px, transparent 3px ); background-size: 550px 550px, 350px 350px, 250px 250px; background-position: 0 0, 40px 60px, 130px 270px; height: 100vh; width: 100vw; overflow: hidden; } .no-js-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; color: #f0f0f0; max-width: 90%; padding: 2.5rem; background-color: rgba(20, 30, 70, 0.85); border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(4px); } .no-js-message h1 { color: #8ccbff; margin-bottom: 1.2rem; text-shadow: 0 2px 10px rgba(140, 203, 255, 0.4); } .no-js-message p { font-size: 1.2rem; line-height: 1.6; } .no-js-message .highlight { font-size: 1.1rem; margin-top: 1.5rem; color: #d0e6ff; } .no-js-message .emoji { margin-top: 2rem; font-size: 1.5rem; }

Hi there! 👋

Most of my clientside experiments need JavaScript to work.

Please enable JavaScript in your browser settings and reload the page!

✨