fix: removed scss warning about nested props

src/styles/components.scss

@@ -204,7 +204,7 @@
             display: grid;
             grid-template-rows: auto auto auto;
 
-            background: var(--card-bg, $project-card-bg);
+            background: var(--card-bg, var(--project-card-bg));
             color: #000e;
 
             @include neo-brutalist-card($size: 3px, $offset: 9px);
@@ -343,6 +343,7 @@
         --timeline-thickness: 6px;
         --timeline-color: #333;
 
+        max-width: 120ch;
         grid-template-columns: 1fr var(--timeline-track-size) 1fr;
 
         @media screen and (max-width: $screen-desktop-min) {
@@ -350,22 +351,19 @@
             grid-template-columns: var(--timeline-track-size) 1fr;
         }
 
-        max-width: 120ch;
-
         & > .timeline-item {
             position: relative;
             display: grid;
 
             & > .content {
+                display: grid;
+                grid-template-columns: auto;
                 padding: 2rem 1rem;
 
                 @media screen and (max-width: $screen-desktop-min) {
                     padding: 1rem 1rem 1rem 0;
                 }
 
-                display: grid;
-                grid-template-columns: auto;
-
                 & > .title {
                     font-size: 20px;
                     font-weight: 700;