css learning to fly

site/index.html

@@ -1,10 +1,16 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Raum und Linie</title>
     <meta name="description" content="Raum für Deine Ideen." />
+    <link rel="stylesheet" href="style/colors.css" />
+    <style>
+      body {
+        background-color: var(--color-background);
+      }
+    </style>
   </head>
   <body>
     <header>
@@ -13,7 +19,10 @@
 
     <main>
       <p>Hier entsteht eine neue Seite.</p>
-      <p>Der schnellste Weg zu mir: <a href="mailto:mail@raum-und-linie.de">mail@raum-und-linie.de</a>.</p>
+      <p>
+        Der schnellste Weg zu mir:
+        <a href="mailto:mail@raum-und-linie.de">mail@raum-und-linie.de</a>.
+      </p>
     </main>
   </body>
 </html>

site/style/colors.css

@@ -0,0 +1,4 @@
+:root{
+    --color-background: #faf9f7;
+}
+