use a centred body layout

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

diff --git a/computing.html b/computing.html
index 201a26e..d2a5769 100644 (file)
--- a/computing.html
+++ b/computing.html
@@ -7,10 +7,10 @@
 <link rel="canonical" href="https://bndl.org/computing.html" />
 <link rel="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
 <style>
 <link rel="canonical" href="https://bndl.org/computing.html" />
 <link rel="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
 <style>

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

 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;

-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}

 #copy,#license{font-size:0.84em;line-height:1.3;}
 #copy{margin-bottom:0.5em}#license{margin-top:0.5em}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 #copy,#license{font-size:0.84em;line-height:1.3;}
 #copy{margin-bottom:0.5em}#license{margin-top:0.5em}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}