diff --git a/full/index.html b/full/index.html index 0776dc6..882e596 100644 --- a/full/index.html +++ b/full/index.html @@ -1,5 +1,5 @@ - +
diff --git a/full/style.css b/full/style.css index 93f3f59..f672a1a 100644 --- a/full/style.css +++ b/full/style.css @@ -5,9 +5,9 @@ box-sizing: border-box; } -/* * { */ -/* margin: 0; */ -/* } */ +* { + margin: 0; +} @media (prefers-reduced-motion: no-preference) { html { @@ -68,11 +68,18 @@ h6 { color-scheme: light dark; --text: light-dark(#000000, #FFFFFF); --bg: light-dark(#FFFFFF, #000000); + + font-family: sans-serif; } /* https://smolweb.org/subset.html */ /* structural */ +body { + margin: 0 auto; + max-width: max(768px, 100ch); +} + html { /* respect user font choices */ font-size: 100%; @@ -81,11 +88,24 @@ html { /* semantic */ header strong { + margin: 0.5rem; font-size: 1.6rem; } footer { font-size: 0.9rem; + + p { + margin: 0.5rem; + } +} + +main { + margin: 1rem; +} + +nav { + margin: 0.5rem; } @@ -102,6 +122,10 @@ h3 { font-size: 1.2rem; } +p { + margin: 1rem 0; +} + /* hypertextual */ /* listing */ /* forms */