Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
7a22c81
·
verified ·
1 Parent(s): 79d3cd6

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +36 -58
style.css CHANGED
@@ -1,88 +1,60 @@
1
  /* General Styles */
2
  body {
3
  font-family: Arial, sans-serif;
4
- line-height: 1.6;
5
- color: #333;
6
  margin: 0;
7
  padding: 0;
8
  }
9
 
 
10
  header {
11
  background: #6a0dad;
12
  color: white;
 
13
  text-align: center;
14
- padding: 1rem;
15
- }
16
-
17
- header h1 {
18
- font-size: 1.8rem;
19
  }
20
 
21
- header nav ul {
22
  display: flex;
23
  justify-content: center;
 
24
  list-style: none;
25
- margin-top: 1rem;
26
- padding: 0;
27
- gap: 1rem;
28
- }
29
-
30
- header nav ul li {
31
- font-size: 1rem;
32
  }
33
 
34
- header nav ul li a {
35
- color: white;
36
  text-decoration: none;
 
 
37
  }
38
 
39
- main {
40
- padding: 1rem;
41
- }
42
-
43
  section {
44
- margin-bottom: 2rem;
 
45
  }
46
 
47
- section h2 {
 
48
  font-size: 1.5rem;
49
  margin-bottom: 1rem;
50
- text-align: center;
51
  }
52
 
53
- #skills ul,
54
- #projects ul {
55
- list-style: none;
56
- padding: 0;
57
- margin: 0 auto;
58
- text-align: left;
59
- }
60
-
61
- #skills ul li,
62
- #projects ul li {
63
- margin-bottom: 0.5rem;
64
- }
65
-
66
- .project {
67
- margin-bottom: 1rem;
68
- text-align: center;
69
- }
70
-
71
- .project h3 {
72
- color: #6a0dad;
73
  }
74
 
 
75
  form {
76
- max-width: 400px;
77
  margin: 0 auto;
78
  display: flex;
79
  flex-direction: column;
80
  gap: 1rem;
81
  }
82
 
83
- form input,
84
- form textarea {
85
- padding: 0.5rem;
86
  border: 1px solid #ccc;
87
  border-radius: 5px;
88
  }
@@ -91,7 +63,8 @@ form button {
91
  background: #6a0dad;
92
  color: white;
93
  border: none;
94
- padding: 0.5rem;
 
95
  border-radius: 5px;
96
  cursor: pointer;
97
  }
@@ -100,29 +73,34 @@ form button:hover {
100
  background: #530a85;
101
  }
102
 
 
103
  footer {
104
  text-align: center;
105
  padding: 1rem;
106
  background: #f8f8f8;
 
107
  }
108
 
109
- /* Mobile Styles */
110
  @media (max-width: 768px) {
111
- header h1 {
112
- font-size: 1.5rem;
113
  }
114
 
115
- header nav ul {
116
- flex-direction: column;
117
  gap: 0.5rem;
118
  }
119
 
120
- section h2 {
121
  font-size: 1.2rem;
122
  }
123
 
124
- form {
125
- width: 100%;
126
- padding: 0 1rem;
 
 
 
127
  }
128
  }
 
1
  /* General Styles */
2
  body {
3
  font-family: Arial, sans-serif;
 
 
4
  margin: 0;
5
  padding: 0;
6
  }
7
 
8
+ /* Header */
9
  header {
10
  background: #6a0dad;
11
  color: white;
12
+ padding: 1.5rem 0;
13
  text-align: center;
 
 
 
 
 
14
  }
15
 
16
+ nav ul {
17
  display: flex;
18
  justify-content: center;
19
+ gap: 1rem; /* Menambahkan jarak antar link */
20
  list-style: none;
 
 
 
 
 
 
 
21
  }
22
 
23
+ nav ul li a {
 
24
  text-decoration: none;
25
+ color: white;
26
+ font-weight: bold;
27
  }
28
 
29
+ /* Section Styling */
 
 
 
30
  section {
31
+ margin: 2rem 0; /* Tambahkan margin antar section */
32
+ padding: 0 1rem;
33
  }
34
 
35
+ h2 {
36
+ color: #6a0dad;
37
  font-size: 1.5rem;
38
  margin-bottom: 1rem;
 
39
  }
40
 
41
+ p, ul li {
42
+ font-size: 1rem;
43
+ line-height: 1.5; /* Menambahkan ruang antar teks */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  }
45
 
46
+ /* Form Styling */
47
  form {
48
+ max-width: 90%;
49
  margin: 0 auto;
50
  display: flex;
51
  flex-direction: column;
52
  gap: 1rem;
53
  }
54
 
55
+ form input, form textarea {
56
+ width: 100%;
57
+ padding: 0.8rem;
58
  border: 1px solid #ccc;
59
  border-radius: 5px;
60
  }
 
63
  background: #6a0dad;
64
  color: white;
65
  border: none;
66
+ padding: 0.8rem;
67
+ font-size: 1rem;
68
  border-radius: 5px;
69
  cursor: pointer;
70
  }
 
73
  background: #530a85;
74
  }
75
 
76
+ /* Footer */
77
  footer {
78
  text-align: center;
79
  padding: 1rem;
80
  background: #f8f8f8;
81
+ font-size: 0.9rem;
82
  }
83
 
84
+ /* Responsive */
85
  @media (max-width: 768px) {
86
+ header {
87
+ padding: 1rem 0;
88
  }
89
 
90
+ nav ul {
91
+ flex-direction: column; /* Navigasi menjadi vertikal */
92
  gap: 0.5rem;
93
  }
94
 
95
+ h2 {
96
  font-size: 1.2rem;
97
  }
98
 
99
+ form input, form textarea {
100
+ padding: 0.5rem; /* Perkecil padding */
101
+ }
102
+
103
+ form button {
104
+ font-size: 0.9rem;
105
  }
106
  }