refactor: Add some styling

1 files changed, 56 insertions, 0 deletions

diff --git a/src/wwwroot/index.css b/src/wwwroot/index.css
index e69de29..0296036 100644
--- a/src/wwwroot/index.css
+++ b/src/wwwroot/index.css
@@ -0,0 +1,56 @@
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    padding: 5vh clamp(1rem, 5vw, 3rem) 1rem;
+    font-family: system-ui, sans-serif;
+    line-height: 1.5;
+    color: #222;
+    background: white;
+}
+
+body > * {
+    --layout-spacing: max(8vh, 3rem);
+    --max-width: 70ch;
+    width: min(100%, var(--max-width));
+    margin-left: auto;
+    margin-right: auto;
+}
+
+main {
+    margin-top: var(--layout-spacing);
+}
+
+footer {
+    margin-top: auto;
+    padding-top: var(--layout-spacing);
+}
+
+footer p {
+    border-top: 1px solid #ccc;
+    padding-top: 0.25em;
+    font-size: 0.9rem;
+    color: #767676;
+}
+
+:is(h1, h2, h3) {
+    line-height: 1.2;
+}
+
+:is(h2, h3):not(:first-child) {
+    margin-top: 2em;
+}
+
+article * + * {
+    margin-top: 1em;
+}
+
+.quote-text {
+    padding: 5px 15px 0 0;
+    font-style: italic;
+    background: #e9e9e9;
+}
+
+.quote-source {
+    padding-left: 20px;
+}
\ No newline at end of file