Use a better image for the logo on the main page

- do not construct it via two separate svg images and glue it together
  with css magic
- simplify the existing custom css
- make the existing `centered` class also listen to block elements
- use the correct text color instead of a black logo color

assets/custom.css

@@ -1,17 +1,8 @@
-.dz-main {
+.centered {
-    background-color: #ffffff;
+    margin: 0 auto;
-    width: 100%;
+    text-align: center;
-}
-.dz-logo {
-    background: url('logo.svg') top center no-repeat;
-    background-size: 22rem 18rem;
-    height: 18rem;
-}
-.dz-text {
-    background: url('dezentrale.svg') top center no-repeat;
-    background-size: 22rem 4rem;
-    height: 4rem;
 }
 
-.centered { text-align: center; }
+.pad-side {
-.pad-side { padding: 0 .25em; }
+    padding: 0 .25em;
+}

content/dezentrale.md

@@ -11,10 +11,7 @@ showmetadates: false
 showmetalinks: false
 ---
 
-<div class="dz-main">
+<img class="centered" src="logo.png" alt="Logo">
-    <div class="dz-logo"></div>
-    <div class="dz-text"></div>
-</div>
 
 
 <br>