From e99e3d547c30a424604447361d926597c9a6f90b Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Sun, 12 May 2024 18:17:05 +0100
Subject: [PATCH] Accessible anchor, and CSS colour change

---
 main.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/main.css b/main.css
index 79ce9dd..173fd18 100644
--- a/main.css
+++ b/main.css
@@ -5,7 +5,7 @@ header hr{display:none}
 body{
 max-width:768px;
 margin:auto;padding:0 1.24rem;
-font:1.2rem/1.62 sans-serif;color:#444;
+font:1.2rem/1.62 sans-serif;color:#556;
 display:-webkit-flex;display:-ms-flexbox;display:flex;
 flex-direction:column}
 main{flex:1 0 auto}
@@ -14,16 +14,14 @@ box-sizing:border-box;
 z-index:9}
 nav>a{
 padding:.2rem 0;
-display:block;
-border-top:1px dotted #211F1C}
-nav>a:first-child{border:none}
+display:block}
 
 h1,h2,h3,h4,h5,h6{line-height:1}
 header h1{margin:1.4rem 52px 1.2rem auto}
 h1{color:#000}h2{color:#111}h3{color:#222}
 h4,h5,h6{color:#333}
 
-a{text-decoration:none}
+a{text-decoration:none; border-bottom: 1px dotted #999}
 a:link,a:visited{color:#07C}
 a:hover,a:visited:hover{color:#1AE}
 
@@ -101,8 +99,8 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
 @media print{body{max-width:none}}
 @media(min-width:720px){
  body{margin:.2rem auto}
- nav>a{margin-left:2rem;padding:auto;display:inline;border:none}
- nav>a:first-child{padding:1rem 0;margin-left:0}
+ nav>a{margin-left:2rem;display:inline;border:none}
+ nav>a:first-child{margin-left:0}
  ul li{margin:auto}
  .burger-container{display:none}
  #burger-toggle~nav,header hr{display:block}
@@ -133,7 +131,7 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
  .burger,.burger::after,.burger::before{background:#EEE}
  h1{color:#FFF}h2{color:#EEE}
  h3,h4,h5,h6{color:#DDD}
- td,th{border-color:#444}
+ td,th{border-color:#556}
  thead tr{background:#211F1C}
  tbody tr:nth-child(odd){background:#222}
  tbody tr:hover{background:#333}
@@ -153,7 +151,7 @@ border:1px solid;
 padding: 1rem;
 }
 input,select,textarea{
-font:1.2rem/1.62 sans-serif;color:#444;
+font:1.2rem/1.62 sans-serif;color:#556;
 border:1px solid #CCC;
 }
 textarea{
@@ -162,9 +160,9 @@ resize: vertical;
 
 input,select,textarea{
 background: #EEE;
-border: 2px solid #444;
+border: 2px solid #556;
 box-sizing: border-box;
-color: #444;
+color: #556;
 display: block;
 line-height: 1;
 vertical-align: top;