Merge branch 'main' of https://github.com/joeacarstairs/personal-website

1 files changed, 8 insertions, 1 deletions

diff --git a/website/public/css/base.css b/website/public/css/base.css
index db6c1dc..b38c934 100644
--- a/website/public/css/base.css
+++ b/website/public/css/base.css
@@ -24,6 +24,7 @@
   --colour-hyperlink-95: #e0f1ff;
 
   --colour-primary-fg: var(--colour-primary-90);
+  --colour-primary-fg-accent: var(--colour-primary-80);
   --colour-primary-bg: var(--colour-primary-10);
   --colour-hyperlink: var(--colour-hyperlink-80);
 
@@ -47,6 +48,7 @@
 @media (prefers-color-scheme: light) {
   :root {
     --colour-primary-fg: var(--colour-primary-20);
+    --colour-primary-fg-accent: var(--colour-primary-40);
     --colour-primary-bg: var(--colour-primary-95);
     --colour-hyperlink: var(--colour-hyperlink-40);
   }
@@ -91,7 +93,12 @@ body {
 @media (min-width: 36rem) {
   body {
     display: grid;
-    grid-template-columns: [media-start] 6rem [content-start] 1fr [content-end];
+    grid-template-columns:
+      [media-start]
+      6rem
+      [content-start]
+      minmax(calc(36rem - var(--spacing-block-lg) - 6rem - var(--spacing-block-sm) - 6rem), auto)
+      [content-end];
     margin-inline-end: 6rem;
 		column-gap: var(--spacing-block-sm);
     max-width: calc(6rem + var(--spacing-block-sm) + 30rem);