Website Update

Author: Modelized

docs/assets/css/style.css

@@ -54,9 +54,9 @@
   --site-atmosphere-opacity: 1;
 
   --site-atmosphere-center-y: 46.5svh;
-  --site-atmosphere-box-half-height: 39.5svh;
-  --site-atmosphere-box-height: 79svh;
-  --site-atmosphere-width: 260vw;
+  --site-atmosphere-box-half-height: 43.5svh;
+  --site-atmosphere-box-height: 87svh;
+  --site-atmosphere-width: 300vw;
 }
 
 * {
@@ -117,8 +117,8 @@ body.page-home {
   -webkit-transform: translateX(-50%);
   pointer-events: none;
   background:
-    radial-gradient(74% 58% at 37% 50%, rgba(255, 157, 77, 0.165) 0%, rgba(255, 157, 77, 0.118) 28%, rgba(255, 157, 77, 0.042) 52%, rgba(255, 157, 77, 0) 72%),
-    radial-gradient(68% 54% at 63% 52%, rgba(82, 104, 255, 0.152) 0%, rgba(82, 104, 255, 0.108) 28%, rgba(82, 104, 255, 0.038) 52%, rgba(82, 104, 255, 0) 72%);
+    radial-gradient(74% 58% at 37% 50%, rgba(255, 157, 77, 0.145) 0%, rgba(255, 157, 77, 0.102) 28%, rgba(255, 157, 77, 0.036) 52%, rgba(255, 157, 77, 0) 72%),
+    radial-gradient(68% 54% at 63% 52%, rgba(82, 104, 255, 0.135) 0%, rgba(82, 104, 255, 0.094) 28%, rgba(82, 104, 255, 0.033) 52%, rgba(82, 104, 255, 0) 72%);
   background-repeat: no-repeat;
   background-size:
     var(--site-atmosphere-width) 100%,
@@ -1000,10 +1000,10 @@ a {
   }
 
   .site-atmosphere__layer::before {
-    --site-atmosphere-width: 230vw;
+    --site-atmosphere-width: 255vw;
     background:
-      radial-gradient(78% 62% at 39% 50%, rgba(255, 157, 77, 0.165) 0%, rgba(255, 157, 77, 0.118) 28%, rgba(255, 157, 77, 0.042) 52%, rgba(255, 157, 77, 0) 72%),
-      radial-gradient(72% 58% at 61% 52%, rgba(82, 104, 255, 0.152) 0%, rgba(82, 104, 255, 0.108) 28%, rgba(82, 104, 255, 0.038) 52%, rgba(82, 104, 255, 0) 72%);
+      radial-gradient(78% 62% at 39% 50%, rgba(255, 157, 77, 0.145) 0%, rgba(255, 157, 77, 0.102) 28%, rgba(255, 157, 77, 0.036) 52%, rgba(255, 157, 77, 0) 72%),
+      radial-gradient(72% 58% at 61% 52%, rgba(82, 104, 255, 0.135) 0%, rgba(82, 104, 255, 0.094) 28%, rgba(82, 104, 255, 0.033) 52%, rgba(82, 104, 255, 0) 72%);
     background-repeat: no-repeat;
     background-size:
       var(--site-atmosphere-width) 100%,
@@ -2436,7 +2436,7 @@ body.page-home #about {
 @media (max-width: 980px) {
   :root {
     --page-top-offset: calc(env(safe-area-inset-top, 0px) + 5.35rem);
-    --site-atmosphere-width: 240vw;
+    --site-atmosphere-width: 270vw;
   }
 
   .page-wrap {
@@ -2492,9 +2492,9 @@ body.page-home #about {
   :root {
     --page-top-offset: calc(env(safe-area-inset-top, 0px) + 8px + var(--nav-pill-height-mobile) + 14px);
     --site-atmosphere-center-y: 43svh;
-    --site-atmosphere-box-half-height: 35svh;
-    --site-atmosphere-box-height: 70svh;
-    --site-atmosphere-width: 230vw;
+    --site-atmosphere-box-half-height: 37svh;
+    --site-atmosphere-box-height: 74svh;
+    --site-atmosphere-width: 255vw;
   }
 
   .nav {
@@ -2668,8 +2668,8 @@ body.page-home #about {
 
   .site-atmosphere__layer::before {
     background:
-      radial-gradient(80% 64% at 40% 50%, rgba(255, 157, 77, 0.165) 0%, rgba(255, 157, 77, 0.118) 28%, rgba(255, 157, 77, 0.042) 52%, rgba(255, 157, 77, 0) 72%),
-      radial-gradient(74% 60% at 60% 52%, rgba(82, 104, 255, 0.152) 0%, rgba(82, 104, 255, 0.108) 28%, rgba(82, 104, 255, 0.038) 52%, rgba(82, 104, 255, 0) 72%);
+      radial-gradient(80% 64% at 40% 50%, rgba(255, 157, 77, 0.145) 0%, rgba(255, 157, 77, 0.102) 28%, rgba(255, 157, 77, 0.036) 52%, rgba(255, 157, 77, 0) 72%),
+      radial-gradient(74% 60% at 60% 52%, rgba(82, 104, 255, 0.135) 0%, rgba(82, 104, 255, 0.094) 28%, rgba(82, 104, 255, 0.033) 52%, rgba(82, 104, 255, 0) 72%);
     background-repeat: no-repeat;
     background-size:
       var(--site-atmosphere-width) 100%,
@@ -2682,7 +2682,7 @@ body.page-home #about {
 
 @media (max-width: 980px) and (orientation: landscape) {
   :root {
-    --site-atmosphere-width: 250vw;
+    --site-atmosphere-width: 290vw;
   }
 
   .nav-toggle {