reworked styles for a more cohesive and dynamic theme

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>

src/assets/logotext.svg

@@ -6,13 +6,13 @@
         </linearGradient>
         <mask id="moonMask">
             <circle cx="60" cy="60" r="50" fill="white" />
-            <circle cx="70" cy="50" r="45" fill="black"/>
+            <circle cx="75" cy="40" r="45" fill="black"/>
         </mask>
         <style type="text/css">
             @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&amp;display=swap');
         </style>
     </defs>
-    <circle cx="60" cy="50%" r="50" fill="url(#moonGradient)" mask="url(#moonMask)" />
+    <circle cx="60" cy="60" r="60" fill="url(#moonGradient)" mask="url(#moonMask)"/>
     <text x="250" y="60%" dominant-baseline="middle" text-anchor="middle"
           font-family="'Raleway', sans-serif" font-size="70" fill="white" letter-spacing="2" 
           style="text-shadow: 0 0 5px rgba(0,0,0,0.3);">