Clarify margin and gradient location

Using dvw more accurately reflects desired behavior

diff --git a/style.css b/style.css
index 5a40219abcecef9f90478076dfc3345f38db322b..223764485907479410ece56c0a541bd1c42d6407 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,11 +1,10 @@
 body {
   font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
-  background: radial-gradient(circle at min(300px, 50% - 8px) 50%, hsl(222deg 50% 20%) 300px, hsl(240deg 50% 5%));
+  background: radial-gradient(circle at 6dvw 50%, hsl(222deg 50% 20%) 300px, hsl(240deg 50% 5%));
   color: hsl(222deg 50% 80%);
   min-block-size: 100dvh;
-  inline-size: min(720px, 100% - 16px);
   margin-block: 0;
-  margin-inline: 8px auto;
+  margin-inline-start: clamp(8px, 6dvw, 240px);
   display: grid;
 }