adi2606 commited on
Commit
49b58b5
1 Parent(s): b778661

Update styles.css

Browse files
Files changed (1) hide show
  1. styles.css +28 -57
styles.css CHANGED
@@ -1,86 +1,57 @@
1
- /* Background color */
2
  body {
3
- background-color: #f0f8ff;
 
4
  }
5
 
6
  /* Header styling */
7
  .header {
8
- font-family: 'Courier New', Courier, monospace;
9
- font-size: 2em;
10
- color: #1e3d59; /* Dark blue color */
11
  text-align: center;
12
  margin-top: 20px;
13
- animation: fadeIn 2s ease-in-out;
14
  }
15
 
16
- /* Content styling */
17
- .content {
18
- font-family: Arial, sans-serif;
19
  font-size: 1.2em;
20
- color: #4a4a4a; /* Dark gray color */
21
  text-align: center;
22
- margin: 20px;
23
- animation: slideIn 1s ease-in-out;
24
  }
25
 
26
  /* Text area styling */
27
- textarea {
28
- width: 100%;
29
- height: 100px;
30
  padding: 10px;
31
- border: 1px solid #ccc;
32
- border-radius: 5px;
33
- font-family: Arial, sans-serif;
34
  font-size: 1em;
35
- color: #333;
36
- background-color: #fff;
37
- resize: none;
 
 
 
 
38
  }
39
 
40
  /* Button styling */
41
- button {
42
- background-color: #1e90ff;
43
  color: white;
44
- padding: 10px 20px;
45
  border: none;
46
- border-radius: 5px;
 
47
  font-size: 1em;
48
  cursor: pointer;
49
- transition: background-color 0.3s ease;
50
  }
51
 
52
- button:hover {
53
- background-color: #1c86ee;
54
  }
55
 
56
  /* Spinner styling */
57
- .stSpinner > div {
58
- border-top-color: #1e90ff;
59
- }
60
-
61
- /* Animation keyframes */
62
- @keyframes fadeIn {
63
- from { opacity: 0; }
64
- to { opacity: 1; }
65
- }
66
-
67
- @keyframes slideIn {
68
- from { transform: translateY(20px); opacity: 0; }
69
- to { transform: translateY(0); opacity: 1; }
70
- }
71
-
72
- /* Success message styling */
73
- .stAlert {
74
- font-family: Arial, sans-serif;
75
- color: #155724;
76
- background-color: #d4edda;
77
- border-color: #c3e6cb;
78
- }
79
-
80
- /* Image caption styling */
81
- .stImage > div {
82
- text-align: center;
83
- font-family: Arial, sans-serif;
84
- color: #333;
85
- margin-top: 10px;
86
  }
 
1
+ /* Background color for the body */
2
  body {
3
+ background-color: #E8F5E9;
4
+ font-family: 'Arial', sans-serif;
5
  }
6
 
7
  /* Header styling */
8
  .header {
9
+ font-size: 2.5em;
10
+ color: #2E7D32;
 
11
  text-align: center;
12
  margin-top: 20px;
13
+ font-weight: bold;
14
  }
15
 
16
+ /* Subheader styling */
17
+ .subheader {
 
18
  font-size: 1.2em;
19
+ color: #4CAF50;
20
  text-align: center;
21
+ margin-bottom: 30px;
 
22
  }
23
 
24
  /* Text area styling */
25
+ .stTextArea {
26
+ border: 2px solid #4CAF50;
27
+ border-radius: 10px;
28
  padding: 10px;
 
 
 
29
  font-size: 1em;
30
+ background-color: #FFFFFF;
31
+ }
32
+
33
+ /* Checkbox styling */
34
+ .stCheckbox label {
35
+ font-size: 1em;
36
+ color: #2E7D32;
37
  }
38
 
39
  /* Button styling */
40
+ .stButton button {
41
+ background-color: #4CAF50;
42
  color: white;
 
43
  border: none;
44
+ padding: 10px 20px;
45
+ border-radius: 10px;
46
  font-size: 1em;
47
  cursor: pointer;
 
48
  }
49
 
50
+ .stButton button:hover {
51
+ background-color: #388E3C;
52
  }
53
 
54
  /* Spinner styling */
55
+ .stSpinner {
56
+ color: #4CAF50;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57
  }