I’m working on my Wikipedia viewer and I made this nice animation delay when my results are appearing on the screen. A few hours ago it was working just fine, but I’ve made some changes (css mostly) and now the delay isn’t happening anymore. I have no idea why though. I’ve read that the delay must be declared under the animation, and it seems to me that the css satisfies that requirement, but obviously I’m missing something.
Here’s the pen: https://codepen.io/CzrNdlcc/pen/NaLgMb
The delays are at the bottom of the css, the @keyframes are above that and the .result class which is being animated is on line 51. If there’s someone who could take a look, I would really appreciate it.