The CSS in style block defines @Keyframes fadeIn, but the container is using animation: fadeInn, which causes the animation not to run. This looks like a simple typo in the animation name.
Steps to Reproduce
1. Open the page in a browser.
2. Observe the .container element on load.
3. Expected fade-in animation does not occur.
Expected Behavior
The container should fade in smoothly when the page loads.
Actual Behavior
No animation is applied because the defined animation name (fadeIn) does not match the one referenced (fadeInn).
Suggested Fix
Update the CSS property in .container to use the correct animation name: