Hugging Face's logo

Spaces:
mvaloatto
/
TCTF
Running

App Files Community
6
mvaloatto commited on
Commit
e713d1d
·
verified ·
1 Parent(s): 283bea8

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +151 -28
style.css CHANGED
@@ -1,28 +1,151 @@
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
+
2
+ * {
3
+ box-sizing: border-box;
4
+ }
5
+
6
+ body {
7
+ background-color: #f5f5f5;
8
+ font-family: Arial, sans-serif;
9
+ }
10
+
11
+ header, main {
12
+ max-width: 960px;
13
+ margin: 0 auto;
14
+ }
15
+
16
+ header {
17
+ padding: 32px 0;
18
+ text-align: center;
19
+ }
20
+
21
+ h1 {
22
+ font-size: 48px;
23
+ font-weight: bold;
24
+ color: #333;
25
+ margin-bottom: 16px;
26
+ }
27
+
28
+ p {
29
+ font-size: 18px;
30
+ color: #666;
31
+ }
32
+
33
+ main {
34
+ padding: 32px 0;
35
+ }
36
+
37
+ section {
38
+ padding: 32px;
39
+ border-radius: 8px;
40
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
41
+ }
42
+
43
+ .leaderboard ul {
44
+ list-style: none;
45
+ padding: 0;
46
+ margin: 0;
47
+ }
48
+
49
+ .leaderboard li {
50
+ display: flex;
51
+ align-items: center;
52
+ border-bottom: 1px solid #ddd;
53
+ padding: 16px 0;
54
+ }
55
+
56
+ .leaderboard img {
57
+ width: 50px;
58
+ height: 50px;
59
+ border-radius: 50%;
60
+ margin-right: 16px;
61
+ }
62
+
63
+ .leaderboard h3 {
64
+ font-size: 24px;
65
+ font-weight: bold;
66
+ color: #333;
67
+ margin-bottom: 4px;
68
+ }
69
+
70
+ .leaderboard p {
71
+ font-size: 16px;
72
+ color: #666;
73
+ }
74
+
75
+ .leaderboard a {
76
+ color: #007bff;
77
+ text-decoration: none;
78
+ }
79
+
80
+ .leaderboard a:hover {
81
+ text-decoration: underline;
82
+ }
83
+
84
+ .testimonials h2 {
85
+ font-size: 28px;
86
+ font-weight: bold;
87
+ color: #333;
88
+ margin-bottom: 24px;
89
+ }
90
+
91
+ .testimonials blockquote {
92
+ padding: 24px;
93
+ border-radius: 8px;
94
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
95
+ background-color: #fff;
96
+ }
97
+
98
+ .testimonials p {
99
+ font-size: 18px;
100
+ color: #666;
101
+ margin-bottom: 8px;
102
+ }
103
+
104
+ .testimonials cite {
105
+ font-size: 14px;
106
+ color: #999;
107
+ font-style: italic;
108
+ }
109
+
110
+ .contact h2 {
111
+ font-size: 28px;
112
+ font-weight: bold;
113
+ color: #333;
114
+ margin-bottom: 24px;
115
+ }
116
+
117
+ .contact form {
118
+ display: flex;
119
+ flex-direction: column;
120
+ }
121
+
122
+ .contact input, .contact textarea {
123
+ width: 100%;
124
+ padding: 12px;
125
+ border: 1px solid #ddd;
126
+ border-radius: 4px;
127
+ margin-bottom: 16px;
128
+ }
129
+
130
+ .contact input:focus, .contact textarea:focus {
131
+ outline: none;
132
+ border-color: #007bff;
133
+ }
134
+
135
+ .contact textarea {
136
+ resize: vertical;
137
+ }
138
+
139
+ .contact button {
140
+ background-color: #007bff;
141
+ color: #fff;
142
+ border: none;
143
+ padding: 12px 24px;
144
+ border-radius: 4px;
145
+ cursor: pointer;
146
+ transition: background-color 0.2s ease-in-out;
147
+ }
148
+
149
+ .contact button:hover {
150
+ background-color: #0062cc;
151
+ }