use a centred body layout

[~bandali/bndl.org] / contact.html

diff --git a/contact.html b/contact.html
index 9719d8b..ba42963 100644 (file)
--- a/contact.html
+++ b/contact.html
@@ -4,10 +4,11 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>contact information &mdash; bandali</title>
 <link rel="icon" href="data:,">
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>contact information &mdash; bandali</title>
 <link rel="icon" href="data:,">

-<link rel="canonical" href="https://bndl.org/contact" />
+<link rel="canonical" href="https://bndl.org/contact.html" />

 <link rel="alternate" href="bandali-contact.txt" title="plain text" type="text/plain" />
 <style>
 <link rel="alternate" href="bandali-contact.txt" title="plain text" type="text/plain" />
 <style>

-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}

 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
 </style></head>
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
 </style></head>