Add small decoration to Problem/Solution nodes to make them stand out

[keyserj]

Describe your issue

Problem/Solution nodes should stick out because they're intended to be important. Right now, Solution slightly stands out because its color is saturated, but that kind of hurts to look at anyway.

Solution you'd like

Maybe a decorated border for each?

• Solution could have a grassy border (extra credit: animates as if blown by the wind)
• Problem could have a rainy border (extra credit: animates like rain), or like a puzzle-y border?

Also

• reduce Solution saturation

Alternatives you've considered

No response

Additional context

No response

Technical ideas and questions

No response

[keyserj]

Here's a site with a bunch of custom borders https://freefrontend.com/css-border-examples/

These might be good for problem:

• puzzle-y https://codepen.io/daniesy/pen/rNKLYNd

These might be good for solution:

• grass-y... sun-y? https://codepen.io/thebabydino/pen/XWJaXRp

---

Also a site with animated borders https://freefrontend.com/css-border-animations/

These seem cool, maybe used for all nodes on hover to add some sleekness?

• https://codepen.io/t_afif/pen/ExQLWNE
• https://codepen.io/michellebarker/pen/gOMBPQj