Hugging Face's logo

Spaces:
mobenta
/
flix_schnell
Running

App Files Community
mobenta commited on
Commit
a9db8ff
·
verified ·
1 Parent(s): ff6d234

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +22 -14
style.css CHANGED
@@ -1,28 +1,36 @@
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: 2rem;
3
+ font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
+ line-height: 1.6;
5
+ background-color: #f7f8fa; /* Light background for contrast */
6
+ color: #333; /* Darker text color for better readability */
7
  }
8
 
9
  h1 {
10
+ font-size: 24px; /* Increased font size for better visibility */
11
+ margin-top: 0;
12
+ color: #2c3e50; /* Darker color for heading contrast */
13
+ font-weight: bold; /* Added font weight for emphasis */
14
  }
15
 
16
  p {
17
+ color: #6b7280;
18
+ font-size: 16px; /* Slightly larger font size for readability */
19
+ margin-bottom: 1rem;
20
+ margin-top: 0.5rem;
21
+ line-height: 1.6; /* Improved line spacing for better text flow */
22
  }
23
 
24
  .card {
25
+ max-width: 620px;
26
+ margin: 1rem auto; /* Added vertical margin for spacing between elements */
27
+ padding: 1.5rem; /* Increased padding for a more spacious feel */
28
+ border: 1px solid #dcdcdc;
29
+ border-radius: 16px;
30
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Added shadow for depth */
31
+ background-color: #fff; /* White background for card contrast */
32
  }
33
 
34
  .card p:last-child {
35
+ margin-bottom: 0;
36
  }