Hugging Face's logo

Spaces:
Yaswanth56
/
testing_1
Sleeping

App Files Community
Yaswanth56 commited on
Commit
f39e6ef
·
verified ·
1 Parent(s): 1c71dff

Update static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +25 -50
static/styles.css CHANGED
@@ -4,74 +4,49 @@ body {
4
  padding: 20px;
5
  }
6
 
7
- .login-container,
8
- .rewards-container,
9
- .apply-rewards-container {
10
- background-color: white;
11
- padding: 30px;
12
- border-radius: 20px;
13
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
14
- max-width: 400px;
15
  margin: 0 auto;
16
- text-align: center;
 
 
 
17
  }
18
 
19
  h1 {
20
- color: #28a745;
 
21
  }
22
 
23
- .input-group {
24
- margin: 15px 0;
 
 
25
  }
26
 
27
- .input-group input {
28
- width: 100%;
29
- padding: 12px;
30
- font-size: 14px;
31
- border-radius: 25px;
32
  border: 1px solid #ccc;
33
- background-color: #f0f8f5;
34
- outline: none;
35
- text-align: center;
36
  }
37
 
38
- .input-group input:focus {
39
- border-color: #28a745;
 
 
 
 
40
  }
41
 
42
  button {
43
- width: 100%;
44
- padding: 14px;
45
- font-size: 16px;
46
- border-radius: 30px;
47
- background-color: #28a745;
48
  color: white;
 
49
  border: none;
 
 
50
  cursor: pointer;
51
  }
52
 
53
  button:hover {
54
- background-color: #38a169;
55
- }
56
-
57
- .forgot-link,
58
- .register-link a {
59
- color: #28a745;
60
- text-decoration: none;
61
- }
62
-
63
- .forgot-link:hover,
64
- .register-link a:hover {
65
- text-decoration: underline;
66
- }
67
-
68
- .apply-rewards-link {
69
- display: block;
70
- margin-top: 20px;
71
- color: #28a745;
72
- text-decoration: none;
73
- }
74
-
75
- .apply-rewards-link:hover {
76
- text-decoration: underline;
77
  }
 
4
  padding: 20px;
5
  }
6
 
7
+ .form-container {
8
+ max-width: 600px;
 
 
 
 
 
 
9
  margin: 0 auto;
10
+ padding: 20px;
11
+ background-color: white;
12
+ border-radius: 10px;
13
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
14
  }
15
 
16
  h1 {
17
+ text-align: center;
18
+ color: #333;
19
  }
20
 
21
+ table {
22
+ width: 100%;
23
+ border-collapse: collapse;
24
+ margin-top: 20px;
25
  }
26
 
27
+ td {
28
+ padding: 10px;
 
 
 
29
  border: 1px solid #ccc;
 
 
 
30
  }
31
 
32
+ input[type="number"] {
33
+ width: 100%;
34
+ padding: 10px;
35
+ margin: 10px 0;
36
+ border: 1px solid #ccc;
37
+ border-radius: 5px;
38
  }
39
 
40
  button {
41
+ background-color: #38a169;
 
 
 
 
42
  color: white;
43
+ padding: 10px;
44
  border: none;
45
+ width: 100%;
46
+ border-radius: 5px;
47
  cursor: pointer;
48
  }
49
 
50
  button:hover {
51
+ background-color: #2f855a;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
  }