Prompt: I want to make an html page. This page will include UI elements that are reactive similar to that of big tech companies. The content/theme of this page is based on Pokemon franchise. You will present a number of pokemon of your choosing from generations 3-5 (at least 20 at most 30). Each pokemon should be presented in a reactive modal. There is a grid that contains each modal (a 5 column grid with n rows, where n is any number to fit all the modals). Each modal is constantly in an "idle" position, like its subtly moving on its axis every few seconds slowly, and i can scroll through all of the modals in the grid. Each modal will have a hover event which will enlarge the modal. The modal will have a click event which will open the modal with an animation. The animation should have the modal spin and come towards the user on the screen, and then there will be a pop-up that contains details that would be too distracting to the user (like HP, attack, defense, biography, dex entry, etc.). There should be moving geometric elements in the background of the body (pokeballs perhaps) of the page and the font style should feel part of the pokemon style as well, including any decorative styling. Include any additional elements that feel part of the pokemon theme style. All CSS you do should be inline or part of a script tag in the html page. Add paragraph elements in appropriate places which contain descriptions and style these as well to be reactive on hover.