From 7e1de4b8c9ae20ab1bbb1d318c45405e9531d76c Mon Sep 17 00:00:00 2001
From: Lopolin-LP <82715586+Lopolin-LP@users.noreply.github.com>
Date: Sun, 14 May 2023 20:31:18 +0200
Subject: [PATCH] Fix About Background Not filling up full viewport under
 certain circumstances

It is now based on vw/vh instead of px. It can also easily be adjusted, mostly. There is no way it will not fill up the viewport.
---
 public/styles.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 0f5afd9..0db65ad 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1144,10 +1144,12 @@ button::-moz-focus-inner {
 
 #about x-background {
     position: absolute;
-    top: calc(28px - 250px);
-    right: calc(36px - 250px);
-    width: 500px;
-    height: 500px;
+    --size: max(max(23vw, 23vh), calc((22.5vh + 22.5vw) / 1.5));
+    --size-half: calc(var(--size)/2);
+    top: calc(28px - var(--size-half));
+    right: calc(36px - var(--size-half));
+    width: var(--size);
+    height: var(--size);
     border-radius: 50%;
     background: var(--primary-color);
     transform: scale(0);