diff --git a/main/index.css b/main/index.css index 38b4078..7e0154f 100644 --- a/main/index.css +++ b/main/index.css @@ -5,17 +5,17 @@ img { vertical-align: bottom; } address { - margin: -0.5rem; + margin: -0.5em; font-style: normal; } address h2 { - margin: 0.5rem; - margin-top: 2rem; + margin: 0.33em; + margin-top: 2em; } address a { font-size: 1.2em; display: inline-block; - margin: 0.5rem; + margin: 0.42em; } address img, address picture { vertical-align: baseline; diff --git a/main/main.css b/main/main.css index c5284f1..205da2e 100644 --- a/main/main.css +++ b/main/main.css @@ -3,28 +3,27 @@ } html { color-scheme: light dark; - padding: 1em; + text-align: center; } body { font-family: sans-serif; - width: min-content; width: -webkit-min-content; width: -moz-min-content; - max-width: 100%; - margin: auto; -} -header, main { - width: max-content; width: -webkit-max-content; width: -moz-max-content; - max-width: 100%; + margin: 1em; + display: inline-block; + text-align: left; } h1 { margin-top: 0; } +address { + min-width: 100%; + width: 18em; +} - -@media (min-width: 20rem) and (max-width: 22rem) { +@media (min-width: 20em) and (max-width: 22em) { html { font-size: 90%; } } -@media (max-width: 20rem) { +@media (max-width: 20em) { html { font-size: 80%; } } \ No newline at end of file