Simplified markup

2 files changed, 26 insertions, 26 deletions

diff --git a/index.html b/index.html
index 7256cbf..3163da3 100644
--- a/index.html
+++ b/index.html
@@ -12,39 +12,39 @@
       <ul>
         <li>4chan</li>
 
-        <li><a href="https://boards.4chan.org/w/">w</a></li>
-        <li><a href="https://boards.4chan.org/wg/">wg</a></li>
-        <li><a href="https://boards.4chan.org/g/">tech</a></li>
+        <a href="https://boards.4chan.org/w/">w</a>
+        <a href="https://boards.4chan.org/wg/">wg</a>
+        <a href="https://boards.4chan.org/g/">tech</a>
       </ul>
       <ul>
         <li>reddit</li>
 
-        <li><a href="https://www.reddit.com/r/unixporn/">unixporn</a></li>
-        <li><a href="https://www.reddit.com/r/Rainmeter/">rainmeter</a></li>
-        <li><a href="https://www.reddit.com/r/PHP/">php</a></li>
+        <a href="https://www.reddit.com/r/unixporn/">unixporn</a>
+        <a href="https://www.reddit.com/r/Rainmeter/">rainmeter</a>
+        <a href="https://www.reddit.com/r/PHP/">php</a>
       </ul>
       <ul>
         <li>anime</li>
 
-        <li><a href="https://www.crunchyroll.com">crunchyroll</a></li>
-        <li><a href="https://nyaa.si">nyaa</a></li>
-        <li><a href="https://myanimelist.net">mal</a></li>
-        <li><a href="https://exhentai.org">sadpanda</a></li>
+        <a href="https://www.crunchyroll.com">crunchyroll</a>
+        <a href="https://nyaa.si">nyaa</a>
+        <a href="https://myanimelist.net">mal</a>
+        <a href="https://exhentai.org">sadpanda</a>
       </ul>
       <ul>
         <li>docs</li>
 
-        <li><a href="https://devdocs.io">devdocs</a></li>
-        <li><a href="https://developer.mozilla.org">mdn</a></li>
-        <li><a href="http://nanami-tan.info">ricing7</a></li>
-        <li><a href="http://chloechantelle.com/guide">ricing10</a></li>
+        <a href="https://devdocs.io">devdocs</a>
+        <a href="https://developer.mozilla.org">mdn</a>
+        <a href="http://nanami-tan.info">ricing7</a>
+        <a href="http://chloechantelle.com/guide">ricing10</a>
       </ul>
       <ul>
         <li>misc</li>
 
-        <li><a href="http://127.0.0.1:9117/UI/Dashboard">jackett</a></li>
-        <li><a href="https://mail.riseup.net/rc/">riseup</a></li>
-        <li><a href="https://mail.google.com/mail/">gmail</a></li>
+        <a href="http://127.0.0.1:9117/UI/Dashboard">jackett</a>
+        <a href="https://mail.riseup.net/rc/">riseup</a>
+        <a href="https://mail.google.com/mail/">gmail</a>
       </ul>
     </div>
   </body>
diff --git a/style.css b/style.css
index 8b34f27..a5b2b05 100644
--- a/style.css
+++ b/style.css
@@ -87,7 +87,7 @@ ul:nth-child(5) {
   Amount of chars in longest category name + 1
 */
 
-li:first-child {
+li {
   width: 8ch;
 }
 
@@ -98,7 +98,7 @@ li:first-child {
 */
 
 body {
-  font-family: 'Ubuntu Mono', sans-serif;
+  font-family: 'Ubuntu Mono', monospace;
   margin: 0;
   overflow-x: hidden;
   text-align: center;
@@ -119,7 +119,7 @@ ul {
   padding-left: 0;
 }
 
-li {
+li, a {
   color: var(--text-color);
   display: inline-block;
   position: relative;
@@ -128,17 +128,17 @@ li {
   transition: color 200ms;
 }
 
-li:hover, li:first-child {
+a:hover, li {
   color: inherit;
 }
 
-li:first-child:after {
+li:after {
   position: absolute;
   right: 0;
   height: 1em;
 }
 
-li:first-child, h1 {
+li, h1 {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -146,11 +146,11 @@ li:first-child, h1 {
   user-select: none;
 }
 
-li:nth-child(2) {
-  margin-left: var(--spacing);
+li {
+  margin-right: var(--spacing);
 }
 
-li:not(:first-child) + li:before {
+a + a:before {
   content: var(--link-separator);
   margin-left: var(--spacing);
   margin-right: var(--spacing);