From 18ad8d5e639174dfc134d44fee8b0e10f25e48c8 Mon Sep 17 00:00:00 2001
From: Samira <13108552+koninginsamira@users.noreply.github.com>
Date: Mon, 27 Apr 2026 22:03:58 +0200
Subject: [PATCH] Fixed milky way sizing on non-1080p screens

---
 andromeda.css | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/andromeda.css b/andromeda.css
index 5f48c9c..f9e3928 100644
--- a/andromeda.css
+++ b/andromeda.css
@@ -15,16 +15,29 @@
 /* ============================== */
 /*  Global
 /* ============================== */
+html {
+    font-size: unset !important;
+}
+body {
+    font-size: 93% !important;
+}
+
 /* Add Milky Way graphic to header */
+@media (max-width: 100em) {
+    .skinHeader {
+        --background-width: 100rem;
+    }
+}
 .skinHeader {
-    margin-top: -22.02vw;
+    --background-width: 100%;
+    margin-top: calc(-1 * (0.2202 * var(--background-width)));
     height: 100%;
-    padding-top: 22.02vw;
+    padding-top: calc(-1 * (0.2202 * var(--background-width)));
     backdrop-filter: none !important;
     background-color: rgba(0, 0, 0, 0) !important;
     background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
     background-repeat: no-repeat;
-    background-size: 100%;
+    background-size: var(--background-width) auto;
     background-position-x: center;
     background-position-y: top;
     pointer-events: none;