Create a dynamic picture with interactive elements.

Project Overview
- Display the phrase "press Enter" on the screen initially.
- Upon pressing the Enter key, generate a dynamic picture starting with a dot in the center of the screen that begins to enlarge.
- Each time a dot enlarges, a new dot appears in the center.

UI/UX Design and Flow
- Use a cyclic color pattern for the dots: red, orange, yellow, green, light blue, blue, and violet.
- Ensure that the colors change smoothly and cyclically through the sequence as each new dot appears and enlarges.

Core Functionality and Logic
- Detect 'Enter' key press to trigger the initial appearance and enlargement of the dot.
- Implement continuous enlargement and appearance of new dots in the center of the screen, each following the cyclic color pattern.
- Each dot should exhibit the same enlarging behavior upon its appearance.

Best Practices
- Ensure smooth transitions and animations for a visually pleasing effect.
- Maintain performance efficiency to handle continuous animations without lag.
- Implement a simple and intuitive user interaction model focused on the 'Enter' key trigger.

show the phrase "press Enter" If press Enter, create dynamic picture with a dot in the center of the screen, it enlarges, dot +n1, when it enlarges n+1, a new dot in the center appears, The dots should change colors cyclically from red to orange, yellow, green, light blue, blue, and violet, continue always

Q: What should happen when the new dot appears?
A: Should it also enlarge or have a different effect? yes

Q: How should the dots be styled?
A: Do you want them to be specific colors or just a uniform style? the colors go from red to orange, from orange to yellow, from yellow to green, from green to light blue, from light blue to blue, from blue to violetto  



Q: What should happen when the new dot appears?
A: The new dot should also enlarge, similar to the previous one.

Q: How should the dots be styled?
A: The dots should change colors cyclically from red to violet.