diff --git a/index.css b/index.css index 6e266ee..ea201cb 100644 --- a/index.css +++ b/index.css @@ -24,10 +24,9 @@ html::before { z-index: -1; background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0); - -webkit-mask-image: url("pattern.svg"); - -webkit-mask-size: 5rem; - mask-image: url("pattern.svg"); - mask-size: 5rem; + -webkit-mask-image: url("pattern/penrose.svg"); + -webkit-mask-size: max(100lvmax, 200rem); + -webkit-mask-position: center; } body { diff --git a/pattern.svg b/pattern/cube.svg similarity index 100% rename from pattern.svg rename to pattern/cube.svg diff --git a/pattern/penrose.svg b/pattern/penrose.svg new file mode 100644 index 0000000..a44b0bc --- /dev/null +++ b/pattern/penrose.svg @@ -0,0 +1,9 @@ + + + + + + +