diff --git a/new_site/src/griddy.css b/new_site/src/griddy.css
index cd8b63e..407c401 100644
--- a/new_site/src/griddy.css
+++ b/new_site/src/griddy.css
@@ -7,7 +7,7 @@ html { box-sizing: border-box; }
 :root {
     --bg-color: #ffffff;
     --fg-color: #000000;
-    --selection-bg-color: #bbffbb;
+    --selection-bg-color: #caffca;
     --selection-fg-color: #000000;
     --accent: #10dd10;
 }
@@ -15,7 +15,6 @@ html { box-sizing: border-box; }
     :root {
         --bg-color: #000000;
         --fg-color: #ffffff;
-        --selection-bg-color: var(--accent);
         --selection-fg-color: #000000;
         --accent: #96ff96;
     }
@@ -53,8 +52,8 @@ h1 {
 }
 h1::after {
     content: "";
-    width: 5px;
-    height: 0.9em;
+    width: 1px;
+    height: 0.85em;
     background: var(--accent);
     margin-left: 3px;
     display: inline-block;
@@ -72,17 +71,21 @@ a:hover {
     text-decoration-color: var(--accent);
 }
 
-p {
+.center {
     text-align: center;
     width: 70%;
-    margin: 0 auto;
+    margin: 1em auto 0;
 }
 @media (min-width: 992px) {
-    p {
+    .center {
         max-width: 40%;
     }
 }
 
+p {
+    margin: 0 0 0.5em 0;
+}
+
 br {
     margin-bottom: 10px;
 }
@@ -97,7 +100,7 @@ code {
     color: var(--bg-color);
 }
 code a {
-    text-decoration-color: var(--fg-color) !important;
+    text-decoration-color: var(--fg-color);
 }
 
 .row {
@@ -128,8 +131,8 @@ code a {
 
 
 .badge {
-    padding: 3px 5px;
-    border: 2px solid var(--accent);
+    padding: 6px 10px;
+    border: 1px solid var(--accent);
     border-radius: 0px;
 }
 
@@ -138,7 +141,7 @@ hr {
     --hr-color: var(--accent);
 
     width: 70%;
-    height: 3px;
+    height: 1px;
     margin: 2.35em auto;
     border-width: 0;
     color: var(--hr-color);
@@ -158,7 +161,7 @@ hr {
 
 .footer {
     text-align: center;
-    margin: 0 auto;
+    margin: 0 auto 2em;
 }
 
 
diff --git a/new_site/src/index.html b/new_site/src/index.html
index 2f89eec..a3f6479 100644
--- a/new_site/src/index.html
+++ b/new_site/src/index.html
@@ -9,7 +9,7 @@
     </head>
     <body>
         <h1 id="headline">Hey dear stanger!</h1>
-        <p>This is <code><a href="https://privacynerd.de/">privacynerd.de</a></code>. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every know and then. <br />
+        <p class="center">This is <code><a href="https://privacynerd.de/">privacynerd.de</a></code>. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every know and then. <br />
             <i>Stay optimistic!</i></p>
         <hr>
         <div class="row">
@@ -27,11 +27,11 @@
         <hr>
         <div class="row">
             <div class="col sm-10 md-5">
-                Other services<br>
+                <p>Other services</p>
                 <div class="badge">magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem. Ullus investigandi veri, nisi inveneris,</div>
             </div>
             <div class="col sm-10 md-5">
-                Social & Contact<br>
+                <p class="text-left">Social</p>
                 <div class="badge">
                     <a href="https://git.privacynerd.de/BlueFox">Bluefox</a> | 
                     <a href="https://codeberg.org/BlueFox">Bluefox</a> | 
@@ -39,7 +39,7 @@
                     <a href="https://github.com/bluefox42">bluefox42</a> | 
                     <a href="https://hub.docker.com/u/bluefox42">bluefox42</a>
                 </div>
-                <hr class="align-left">
+                <p style="margin-top: 1em;">Contact</p>
                 <div class="badge">
                      et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem...
                 </div>
