Hugging Face's logo

Spaces:
TrueRealRaven
/
ForgeLoopGRPO
Running

App Files Community
TrueRealRaven commited on
Commit
12be087
·
verified ·
1 Parent(s): 2249be8

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +122 -15
style.css CHANGED
@@ -1,28 +1,135 @@
1
  body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
  h1 {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  font-size: 16px;
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  margin-top: 0;
 
 
9
  }
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
28
  }
 
1
  body {
2
+ padding: 3rem 1.5rem;
3
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
4
+ background-color: #f9fafb;
5
+ color: #111827;
6
+ margin: 0;
7
+ }
8
+
9
+ .card {
10
+ max-width: 600px;
11
+ margin: 0 auto;
12
+ padding: 24px;
13
+ background: #ffffff;
14
+ border: 1px solid #e5e7eb;
15
+ border-radius: 16px;
16
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
17
+ }
18
+
19
+ .header-row {
20
+ display: flex;
21
+ justify-content: space-between;
22
+ align-items: center;
23
+ margin-bottom: 12px;
24
  }
25
 
26
  h1 {
27
+ font-size: 24px;
28
+ font-weight: 700;
29
+ margin: 0;
30
+ letter-spacing: -0.025em;
31
+ }
32
+
33
+ .badge {
34
+ background-color: #f3e8ff;
35
+ color: #6b21a8;
36
+ padding: 4px 10px;
37
+ border-radius: 9999px;
38
+ font-size: 12px;
39
+ font-weight: 600;
40
+ }
41
+
42
+ .description {
43
+ color: #4b5563;
44
+ font-size: 15px;
45
+ line-height: 1.5;
46
+ margin-top: 0;
47
+ margin-bottom: 24px;
48
+ }
49
+
50
+ .stats-grid {
51
+ display: grid;
52
+ grid-template-columns: 1fr 1fr;
53
+ gap: 16px;
54
+ margin-bottom: 24px;
55
+ }
56
+
57
+ .stat-box {
58
+ background-color: #f8fafc;
59
+ border: 1px solid #f1f5f9;
60
+ padding: 14px;
61
+ border-radius: 12px;
62
+ }
63
+
64
+ .stat-label {
65
+ display: block;
66
+ font-size: 12px;
67
+ text-transform: uppercase;
68
+ letter-spacing: 0.05em;
69
+ color: #64748b;
70
+ margin-bottom: 4px;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .stat-value {
75
+ display: block;
76
  font-size: 16px;
77
+ font-weight: 600;
78
+ color: #0f172a;
79
+ }
80
+
81
+ .info-section {
82
+ border-top: 1px solid #f3f4f6;
83
+ padding-top: 16px;
84
+ margin-bottom: 24px;
85
+ }
86
+
87
+ .info-section h3 {
88
+ font-size: 14px;
89
+ font-weight: 600;
90
  margin-top: 0;
91
+ margin-bottom: 8px;
92
+ color: #374151;
93
  }
94
 
95
+ .info-section p {
96
+ font-size: 14px;
97
+ color: #6b7280;
98
+ line-height: 1.5;
99
+ margin: 0;
100
  }
101
 
102
+ .footer-links {
103
+ display: flex;
104
+ gap: 12px;
105
+ }
106
+
107
+ .btn {
108
+ flex: 1;
109
+ text-align: center;
110
+ padding: 10px 16px;
111
+ font-size: 14px;
112
+ font-weight: 500;
113
+ text-decoration: none;
114
+ border-radius: 8px;
115
+ transition: background-color 0.2s;
116
+ }
117
+
118
+ .btn:not(.secondary) {
119
+ background-color: #0f172a;
120
+ color: #ffffff;
121
+ }
122
+
123
+ .btn:not(.secondary):hover {
124
+ background-color: #1e293b;
125
+ }
126
+
127
+ .btn.secondary {
128
+ background-color: #ffffff;
129
+ color: #4b5563;
130
+ border: 1px solid #d1d5db;
131
  }
132
 
133
+ .btn.secondary:hover {
134
+ background-color: #f9fafb;
135
  }