Hamza4100 commited on
Commit
e1d1ce0
·
verified ·
1 Parent(s): 62c9da3

Update frontend/src/App.css

Browse files
Files changed (1) hide show
  1. frontend/src/App.css +91 -89
frontend/src/App.css CHANGED
@@ -1,89 +1,91 @@
1
- /* Global Application Styles */
2
-
3
- * {
4
- box-sizing: border-box;
5
- -webkit-font-smoothing: antialiased;
6
- -moz-osx-font-smoothing: grayscale;
7
- }
8
-
9
- html,
10
- body {
11
- margin: 0;
12
- padding: 0;
13
- }
14
-
15
- body {
16
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
17
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
18
- sans-serif;
19
- background-color: #f5f5f5;
20
- color: #333;
21
- }
22
-
23
- #root {
24
- margin: 0;
25
- padding: 0;
26
- }
27
-
28
- .app {
29
- display: flex;
30
- height: 100vh;
31
- overflow: hidden;
32
- background-color: #fff;
33
- }
34
-
35
- /* Typography */
36
- h1,
37
- h2,
38
- h3,
39
- h4,
40
- h5,
41
- h6 {
42
- margin: 0;
43
- font-weight: 600;
44
- }
45
-
46
- p {
47
- margin: 0;
48
- }
49
-
50
- /* Buttons */
51
- button {
52
- font-family: inherit;
53
- }
54
-
55
- /* Forms */
56
- input,
57
- textarea,
58
- select {
59
- font-family: inherit;
60
- font-size: 14px;
61
- }
62
-
63
- /* Utility Classes */
64
- .text-center {
65
- text-align: center;
66
- }
67
-
68
- .text-right {
69
- text-align: right;
70
- }
71
-
72
- /* Responsive Design */
73
- @media (max-width: 768px) {
74
- body {
75
- font-size: 14px;
76
- }
77
-
78
- h1 {
79
- font-size: 20px;
80
- }
81
-
82
- h2 {
83
- font-size: 18px;
84
- }
85
-
86
- h3 {
87
- font-size: 16px;
88
- }
89
- }
 
 
 
1
+ /* Global Application Styles */
2
+
3
+ * {
4
+ box-sizing: border-box;
5
+ -webkit-font-smoothing: antialiased;
6
+ -moz-osx-font-smoothing: grayscale;
7
+ }
8
+
9
+ html,
10
+ body {
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+
15
+ body {
16
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
17
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
18
+ sans-serif;
19
+ background-color: #f5f5f5;
20
+ color: #333;
21
+ }
22
+
23
+ #root {
24
+ margin: 0;
25
+ padding: 0;
26
+ }
27
+
28
+ .app {
29
+ display: flex;
30
+ justify-content: center;
31
+ align-items: stretch;
32
+ height: 100vh;
33
+ overflow: hidden;
34
+ background-color: #f5f5f5;
35
+ }
36
+
37
+ /* Typography */
38
+ h1,
39
+ h2,
40
+ h3,
41
+ h4,
42
+ h5,
43
+ h6 {
44
+ margin: 0;
45
+ font-weight: 600;
46
+ }
47
+
48
+ p {
49
+ margin: 0;
50
+ }
51
+
52
+ /* Buttons */
53
+ button {
54
+ font-family: inherit;
55
+ }
56
+
57
+ /* Forms */
58
+ input,
59
+ textarea,
60
+ select {
61
+ font-family: inherit;
62
+ font-size: 14px;
63
+ }
64
+
65
+ /* Utility Classes */
66
+ .text-center {
67
+ text-align: center;
68
+ }
69
+
70
+ .text-right {
71
+ text-align: right;
72
+ }
73
+
74
+ /* Responsive Design */
75
+ @media (max-width: 768px) {
76
+ body {
77
+ font-size: 14px;
78
+ }
79
+
80
+ h1 {
81
+ font-size: 20px;
82
+ }
83
+
84
+ h2 {
85
+ font-size: 18px;
86
+ }
87
+
88
+ h3 {
89
+ font-size: 16px;
90
+ }
91
+ }