trying new CSS

css/default.css

@@ -6,7 +6,7 @@ nav a {
 }
 
 a:after {
-   content: " ▻";
+   content: " ->";
 }
 
 a {
@@ -14,16 +14,15 @@ a {
 }
 
 a:link {
-   color: #7FDBFF;
+   color: #0f75bd;
 }
 
 a:visited {
-   #color: #B10DC9;
-   color: #F012BE;
+  color: #F012BE;
 }
 
 .navbar a {
-  color: #7FDBFF;
+  color: #0f75bd;
 }
 
 .navbar a:after {
@@ -34,7 +33,7 @@ html {
   font-family: sans-serif;
   font-size: 62.5%;
   color: #FFFFFF;
-  background-color: #222222;
+  background-color: #151515;
 }
 
 body {
@@ -44,23 +43,23 @@ body {
 
 blockquote {
    padding: 0 1em;
-   color: #2ECC40;
-   border-left: 0.25em solid #dfe2e5;
+   color: #86df5d;
+   border-left: 0.25em solid #fdd75a;
 }
 
 header {
-  border-bottom: 0.2rem solid #F012BE;
+  border-bottom: 0.2rem solid #d64937;
 }
 
 nav {
   text-align: right;
-  color: #7FDBFF;
+  color: #0f75bd;
 }
 
 footer {
   margin-top: 3rem;
   padding: 1.2rem 0;
-  border-top: 0.2rem solid #F012BE;
+  border-top: 0.2rem solid #d64937;
   font-size: 1.2rem;
   color: #AAAAAA;
 }
@@ -76,11 +75,11 @@ pre {
 }
 
 strong {
-   color: #FF4136;
+   color: #d64967;
 }
 
 em {
-   color: #FFDC00;
+   color: #fdd75a;
 }
 
 strong>em {
@@ -88,30 +87,51 @@ strong>em {
 }
 
 h1 {
-  color: #7FDBFF;
+  color: #0f75bd;
   font-size: 2.4rem;
+  text-decoration: underline #FFFFFF;
 }
 
 h2 {
-  color: #7FDBFF;
+  color: #0f75bd;
   font-size: 2rem;
+  text-decoration: underline #FFFFFF;
 }
 
 h3 {
-  color: #7FDBFF;
+  color: #0f75bd;
   font-size: 1em;
+  text-decoration: underline #FFFFFF;
 }
 
 h3:before {
-   content: "◎ ";
+   content: "* ";
+   color: #d64937;
 }
 
 h2:before {
-   content: "◉ ";
+   content: "@ ";
+   color: #d64937;
 }
 
 h1:before {
-   content: "◈ ";
+   content: "~ ";
+   color: #d64937;
+}
+
+h3:after {
+   content: " *";
+   color: #d64937;
+}
+
+h2:after {
+   content: " @";
+   color: #d64937;
+}
+
+h1:after {
+   content: " ~";
+   color: #d64937;
 }
 
 article .header {
@@ -123,16 +143,18 @@ article .header {
 .logo a {
   font-weight: bold;
   font-size: 3.4rem;
-  text-decoration: none;
-  color: #7FDBFF;
+  text-decoration: underline #FFFFFF;
+  color: #0f75bd;
 }
 
 .logo a:before {
-   content: "◈ ";
+   content: "@ ";
+   color: #d64937
 }
 
 .logo a:after {
-   content: " ◈";
+   content: " @";
+   color: #d64937
 }
 
 @media (max-width: 319px) {
@@ -145,7 +167,7 @@ article .header {
     margin: 4.2rem 0;
   }
   nav {
-    margin: 0 auto 3rem;
+    margin: 0 auto 1.5rem;
     text-align: center;
   }
   footer {
@@ -153,7 +175,7 @@ article .header {
   }
   .logo {
     text-align: center;
-    margin: 1rem auto 3rem;
+    margin: 1rem auto 1.5rem;
   }
   nav a {
     display: block;
@@ -171,7 +193,7 @@ article .header {
     margin: 4.2rem 0;
   }
   nav {
-    margin: 0 auto 3rem;
+    margin: 0 auto 1.5rem;
     text-align: center;
   }
   footer {
@@ -179,7 +201,7 @@ article .header {
   }
   .logo {
     text-align: center;
-    margin: 1rem auto 3rem;
+    margin: 1rem auto 1.5rem;
   }
   nav a {
     display: inline;
@@ -198,7 +220,7 @@ article .header {
     padding: 1.2rem 0;
   }
   nav {
-    margin: 0 auto 3rem;
+    margin: 0 auto 1.5rem;
     text-align: center;
   }
   footer {
@@ -206,7 +228,7 @@ article .header {
   }
   .logo {
     text-align: center;
-    margin: 1rem auto 3rem;
+    margin: 1rem auto 1.5rem;
   }
   nav a {
     display: inline;