Text background color on hover not shown for new landing page

[kevinkassimo]

From comments in #95:

The text link disappear on hover

This behavior only happens in Safari, but not in Chrome. When a:before (used to draw the green box) content is empty, its width and height are both 0 for Safari. The reason is that inset: 0 (equivalent to top/right/bottom/left: 0) is NOT supported for Safari: https://caniuse.com/?search=inset

https://github.com/snowpackjs/astro/blob/ea33d7b2ab30f6434986bb0d8671e7f681076268/www/public/global.scss#L78

Originally posted by @kevinkassimo in #95 (comment)

Maybe we should use the more conservative top/right/bottom/left combinations here. I'm unable to make a PR directly myself due to no permission + no forking allowed.

[matthewp]

@natemoo-re mind taking a look?

[natemoo-re]

Thanks a ton for opening this issue! Should have a fix out shortly.

I forgot that we're not running postcss-preset-env to automatically create the fallback values.