JeCabrera commited on
Commit
0a6ba5f
·
verified ·
1 Parent(s): 8056e64

Update styles/main.css

Browse files
Files changed (1) hide show
  1. styles/main.css +53 -53
styles/main.css CHANGED
@@ -1,54 +1,54 @@
1
- /* Main container styling */
2
- .block-container {
3
- padding-top: 1rem;
4
- padding-bottom: 5rem;
5
- }
6
-
7
- /* Title spacing */
8
- h1 {
9
- margin-top: -2rem;
10
- padding-top: 0.5rem;
11
- }
12
-
13
- /* Subtitle spacing */
14
- h4 {
15
- margin-top: 0.5rem;
16
- padding-top: 0rem;
17
- }
18
-
19
- /* Custom button styling */
20
- /* Custom styling for the generate button */
21
- [data-testid="stButton"] > button {
22
- background: linear-gradient(90deg, #FFD700, #FFA500) !important;
23
- color: #333 !important;
24
- padding: 10px 20px !important;
25
- border-radius: 8px !important;
26
- border: none !important;
27
- font-weight: bold !important;
28
- width: 100% !important;
29
- text-align: center !important;
30
- cursor: pointer !important;
31
- transition: all 0.3s ease !important;
32
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
33
- margin-top: 20px !important;
34
- margin-bottom: 20px !important;
35
- }
36
-
37
- [data-testid="stButton"] > button:hover {
38
- background: linear-gradient(90deg, #FFA500, #FFD700) !important;
39
- box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important;
40
- transform: translateY(-2px) !important;
41
- }
42
-
43
- [data-testid="stButton"] > button:active {
44
- transform: translateY(1px) !important;
45
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
46
- }
47
-
48
- /* Results container */
49
- .results-container {
50
- border: 1px solid #000000;
51
- padding: 15px;
52
- border-radius: 8px;
53
- background-color: #ffffff;
54
  }
 
1
+ /* Main container styling */
2
+ .block-container {
3
+ padding-top: 1rem;
4
+ padding-bottom: 5rem;
5
+ }
6
+
7
+ /* Title spacing */
8
+ h1 {
9
+ margin-top: -2rem;
10
+ padding-top: 0.5rem;
11
+ }
12
+
13
+ /* Subtitle spacing */
14
+ h4 {
15
+ margin-top: 0.5rem;
16
+ padding-top: 0rem;
17
+ }
18
+
19
+ /* Custom button styling */
20
+ /* Custom styling for the generate button */
21
+ [data-testid="stButton"] > button {
22
+ background: linear-gradient(90deg, #FFD700, #FFA500) !important;
23
+ color: #333 !important;
24
+ padding: 8px 15px !important; /* Reduced padding */
25
+ border-radius: 8px !important;
26
+ border: none !important;
27
+ font-weight: bold !important;
28
+ width: 100% !important;
29
+ text-align: center !important;
30
+ cursor: pointer !important;
31
+ transition: all 0.3s ease !important;
32
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
33
+ margin-top: 10px !important; /* Reduced top margin */
34
+ margin-bottom: 10px !important; /* Reduced bottom margin */
35
+ }
36
+
37
+ [data-testid="stButton"] > button:hover {
38
+ background: linear-gradient(90deg, #FFA500, #FFD700) !important;
39
+ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15) !important;
40
+ transform: translateY(-2px) !important;
41
+ }
42
+
43
+ [data-testid="stButton"] > button:active {
44
+ transform: translateY(1px) !important;
45
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
46
+ }
47
+
48
+ /* Results container */
49
+ .results-container {
50
+ border: 1px solid #000000;
51
+ padding: 15px;
52
+ border-radius: 8px;
53
+ background-color: #ffffff;
54
  }