hey there, sorry i missed this! thanks so much! and yeah, he was spared lol. Thank you! I just got CSS access so i'm still figuring it out, happy to know it made a difference :)
If you mean the way the "run odyssey" button reacts when you mouse over it, I just applied my styling to '.button.load_iframe_btn:hover', in this case adding a border and setting the animation (animation: wiggle 0.4s ease-in-out infinite;) to a set of custom keyframes:
(
@keyframes wiggle {
0% { transform: rotate(0deg); }
25% { transform: rotate(-3deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(3deg); }
100% { transform: rotate(0deg); }
}).
you can actually do a lot of stuff with this! for example you can change multiple things at once (ex: 0% { transform: rotate(0deg) scale(1.1, 0.9); }), like with the little picture of polyphemus when you mouse over him, and yeah it's really fun lol. i found that a good way to figure out what to add the styling to is to do inspect elements and then you can see the class name of things.
i hope that sort of answers your question!! so happy you liked the game, and thanks for playing! :)