From 79bd134977bab7692cca892ed6757db0775144b3 Mon Sep 17 00:00:00 2001
From: echo <petrovskidimitar@yandex.com>
Date: Sat, 28 Feb 2026 22:14:53 +0100
Subject: [PATCH] fix: correct CSS @import order to resolve 504 gateway timeout

---
 frontend/src/styles.css | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 40384dc..2160d92 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1,5 +1,4 @@
 @import "tailwindcss";
-
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
 
 @theme {
@@ -76,8 +75,17 @@
   --shadow-brutal-accent: 4px 4px 0px 0px hsl(193 48% 67%);
 }
 
-* {
-  box-sizing: border-box;
+@layer base {
+  * {
+    border-color: hsl(var(--border));
+    box-sizing: border-box;
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-display);
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+  }
 }
 
 html {
@@ -325,18 +333,6 @@ body::before {
   overflow: hidden;
 }
 
-@layer base {
-  * {
-    border-color: hsl(var(--border));
-  }
-  
-  h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-display);
-    letter-spacing: 0.02em;
-    text-transform: uppercase;
-  }
-}
-
 ::-webkit-scrollbar {
   width: 12px;
 }