From eb15187ba78ad05245253f56faa16ac5f45a403f Mon Sep 17 00:00:00 2001
From: crudo <crudo@canaglie.net>
Date: Mon, 28 Aug 2017 00:00:33 +0200
Subject: [PATCH] Refactor CSS.

---
 assets/styles/site.css | 36 +++++++++++++++++++++++++-----------
 index.html             |  6 +++---
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/assets/styles/site.css b/assets/styles/site.css
index 1f2c901..01e211d 100644
--- a/assets/styles/site.css
+++ b/assets/styles/site.css
@@ -41,6 +41,15 @@ p, li {
     font-size: 1.3rem;
 }
 
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+a:hover {
+    font-weight: bold;
+}
+
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  *  HEADER                                                                   *
@@ -79,6 +88,7 @@ nav > ul {
 nav > ul > li {
     display: inline-block;
     margin-right: 0.8rem;
+    color: #006666;
 }
 
 nav > ul > li:before {
@@ -86,27 +96,31 @@ nav > ul > li:before {
     margin-right: 0.3rem;
 }
 
-nav > ul > li > a {
-    color: #006666;
-    text-decoration: none;
-}
-
-nav > ul > li > a:hover {
-    text-decoration: underline;
-}
-
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
  *  SECTION                                                                  *
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
+section {
+    margin-bottom: 2rem;
+}
+
+section:last-child {
+    margin-bottom: 0;
+}
+
 section > p {
-    display: inline-block;
     margin: 0;
+}
+
+section > p > span {
+    padding: 0.1rem 0;
     background: #000000;
+    box-shadow: 0.2rem 0 0 #000000, -0.2rem 0 0 #000000;
     color: #ffffff;
 }
 
-section > p.accent {
+section > p:first-child > span {
     background: #006666;
+    box-shadow: 0.2rem 0 0 #006666, -0.2rem 0 0 #006666;
 }
diff --git a/index.html b/index.html
index 66c27c2..0becd75 100644
--- a/index.html
+++ b/index.html
@@ -42,9 +42,9 @@
 </nav>
 
 <section>
-    <p class="accent">Viale Molise 68, Milano</p>
-    <p>unit at paranoici.org</p>
-    <p>#unit on irc.autistici.org</p>
+    <p><span>Viale Molise 68, Milano</span></p>
+    <p><span>unit at paranoici dot org</span></p>
+    <p><span>#unit on irc.autistici.org<span></p>
 </section>
 </body>