Viewport-relative widths are a poor practice for accessibility, in general (maybe you don't care for your small personal website). The user can't set their own preferred size, font-size becomes illegible at small sizes, and way too large on large viewports (2160px is becoming more common). It breaks zoom on some browsers as well.

The clamp() examples here mitigate that somewhat, but why do we need fluid shifts in text size? Just use media queries.

This doesn't seem to work with Firefox. A blue splash fills the whole screen and stays there until I move my cursor outside the window or right click.

Thanks!! Apparently this: width: calc(100px / 100vw);

Is not valid in Firefox!

Hopefully it's fixed now!

Have you seen Stump the Guesser by Guy Maddin? Your site reminds me of it.

I haven't! What aspect is similar?

Well it's just a little film about a magician, a 'guesser'. To be honest I think I wrote that mostly because I'd watched it the night before! But as a magician I recon you would enjoy it. :)