From 01f0ce7885895ffe142dc47a54f11e6f3303d235 Mon Sep 17 00:00:00 2001
From: MattTheTekie <Mattmason2211@gmail.com>
Date: Sat, 28 Mar 2026 17:00:35 -0400
Subject: [PATCH] chore: fixes

---
 css/global.css | 102 ++++++++++---------------------------------------
 1 file changed, 21 insertions(+), 81 deletions(-)

diff --git a/css/global.css b/css/global.css
index 26237df..e9aad96 100644
--- a/css/global.css
+++ b/css/global.css
@@ -819,98 +819,38 @@ a:hover {
 
 
 
-/* =========================
- *  1. Layout anchor
- = *======================== */
-#websiteContainer {
-position: relative;
-}
-
-/* =========================
- *  2. SCALE (1920 baseline)
- = *======================== */
-:root {
-  --scale: clamp(0.65, calc(100vw / 1920), 1.25);
-}
-
-/* =========================
- *  3. BASE BANNER STYLE
- *  (IMPORTANT: split transforms properly)
- = *======================== */
-.left_banner,
-.right_banner {
+.left_banner {
   position: fixed;
-  top: 50%;
+  top: 250px;
+  left: 40px;
 
-  width: calc(320px * var(--scale));
+  width: clamp(180px, 20vw, 383px);
+  height: auto;
   aspect-ratio: 383 / 626;
 
+  background-image: url("https://www.veltron.net/images/dragon.png");
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
 
-  z-index: 94;
-  pointer-events: none;
-
-  /* ONLY vertical centering here */
-  transform: translateY(-50%);
-
   animation: float 6s ease-in-out infinite;
-}
-
-/* =========================
- *  4. SAFE POSITIONING (NO NEGATIVE PUSHING)
- = *======================== */
-.left_banner {
-  left: max(10px, calc((100vw - 980px) / 2 - 260px));
-  background-image: url("https://www.veltron.net/images/dragon.png");
+  z-index: 94;
 }
 
 .right_banner {
-  right: max(10px, calc((100vw - 980px) / 2 - 260px));
+  position: fixed;
+  top: 150px;
+  right: 40px;
+
+  width: clamp(180px, 20vw, 383px);
+  height: auto;
+  aspect-ratio: 383 / 626;
+
   background-image: url("https://www.veltron.net/images/digimon.png");
-}
-
-/* =========================
- *  5. FLOAT (DO NOT overwrite main transform)
- = *======================== */
-@keyframes float {
-  0% {
-    transform: translateY(-50%) translateY(0px);
-  }
-  50% {
-    transform: translateY(-50%) translateY(-12px);
-  }
-  100% {
-    transform: translateY(-50%) translateY(0px);
-  }
-}
-
-/* =========================
- *  6. TABLET FIX
- = *======================== */
-@media (max-width: 1100px) {
-  .left_banner,
-  .right_banner {
-    width: 220px;
-    opacity: 0.75;
-  }
-
-  .left_banner {
-    left: 10px;
-  }
-
-  .right_banner {
-    right: 10px;
-  }
-}
-
-/* =========================
- *  7. MOBILE HIDE
- = *======================== */
-@media (max-width: 900px) {
-  .decor.left_banner,
-  .decor.right_banner {
-    display: none !important;
-  }
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+
+  animation: float 6s ease-in-out infinite;
+  z-index: 94;
 }