add: desktop-background + fix: desktop-layout

app/assets/styles/general.css

@@ -65,6 +65,8 @@
   --radius-border: var(--font-size-default);
 
   --transition-default: 150ms;
+
+  --page-max-width: 820px;
 }
 
 * {
@@ -78,9 +80,14 @@ body {
   height: 100%;
   overflow-x: hidden;
   font-family: sans-serif;
-  background: var(--color-main-darkest);
   color: var(--color-text);
   font-size: var(--font-size-default);
+  max-width: var(--page-max-width);
+  margin: 0 auto;
+  background-image: url("/img/desktop-background.svg");
+  background-position: center;
+  box-shadow: var(--box-shadow-z2);
+
 }
 
 h1, h2, h3 {

app/assets/styles/header.css

@@ -17,6 +17,7 @@
         backdrop-filter: blur(10px);
         mask: linear-gradient(to top, transparent, black 30%);
         width: 100%;
+        max-width: var(--page-max-width);
         top: 0;
         padding-bottom: var(--padding-xxl);
     }

app/assets/styles/timelineCard.css

@@ -8,11 +8,13 @@
 
     & .icon {
         font-size: var(--font-size-xxl);
-        flex: 1 0 4rem;
+        min-width: 25%;
+        flex-shrink: 0;
         color: var(--color-main-dark);
     }
 
     & .text {
         text-align: left;
+        flex-grow: 1;
     }
 }