poprawki

static/css/custom.css

@@ -1,7 +1,7 @@
 /* Import czcionki Roboto */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
 
-/* Ustawienia globalne */
+/* Globalne */
 body {
     font-family: 'Roboto', sans-serif;
     background-color: #121212;
@@ -34,7 +34,7 @@ body {
 
 /* Karty */
 .card {
-    background-color: #1c1c1c;
+    background-color: #444242;
     border: none;
     border-radius: 0.5rem;
     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
@@ -54,7 +54,7 @@ body {
 }
 
 .card-body {
-    background-color: #1e1e1e;
+    background-color: #444242;
 }
 
 /* Przyciski */
@@ -101,6 +101,12 @@ a:hover {
     background: linear-gradient(90deg, #ffc107, #ffeb3b);
     font-weight: bold;
     transition: width 0.3s ease;
+    animation: progressAnimation 1s ease-in-out forwards;
+}
+
+@keyframes progressAnimation {
+    from { width: 0%; }
+    to { width: var(--progress-width); }
 }
 
 /* Alerty (flash messages) */
@@ -132,21 +138,11 @@ a:hover {
     }
 }
 
-h1 {
-    font-size: 2rem; 
-    margin-bottom: 1rem;
-}
-h2 {
-    font-size: 1.7rem; 
-    margin-bottom: 0.8rem;
-}
+h1 { font-size: 2rem; margin-bottom: 1rem; }
+h2 { font-size: 1.7rem; margin-bottom: 0.8rem; }
+h3 { font-size: 0.9rem; margin-bottom: 0.6rem; }
 
-h3 {
-    font-size: 0.9rem; 
-    margin-bottom: 0.6rem;
-}
-
-/* Style dla bloku "Wspomóż" */
+/* Wspomóż */
 .card.wspomoz-card {
     border: 1px solid #ffc107 !important;
     border-radius: 0.2rem !important;
@@ -155,5 +151,7 @@ h3 {
 .card.wspomoz-card .card-body,
 .card.wspomoz-card .card-title,
 .card.wspomoz-card .card-text {
-    color: #ffffff !important;          
-}
+    color: #ffffff !important;  
+    font-weight: bold;    
+    font-size: 1.25rem;    
+}