Create a set of CSS loading animations for “Loady,” a fictional loading animation library. Design three different loading animations—a spinning circle, a bouncing dot, and a pulsating ring. Each animation should use CSS keyframes for smooth, infinite transitions. Use a simple color scheme, such as light gray (#cccccc) for background elements and blue (#2980B9) for animated items. Requirements: Spinning Circle: Rotating circle animation. Bouncing Dot: Dot that bounces up and down. Pulsating Ring: Ring that expands and fades. Color Scheme: Gray background with blue animations. Demo Page: Display each animation with descriptive labels.