File tree Expand file tree Collapse file tree 1 file changed +49
-50
lines changed
Source-Code/MemeGenerator Expand file tree Collapse file tree 1 file changed +49
-50
lines changed Original file line number Diff line number Diff line change 1
1
/* styles.css */
2
2
body {
3
- font-family : Arial, sans-serif;
4
- background-color : # f1f1f1 ;
5
- display : flex;
6
- justify-content : center;
7
- align-items : center;
8
- height : 100vh ;
9
- margin : 0 ;
10
- }
11
-
12
- .meme-container {
13
- text-align : center;
14
- background-color : # fff ;
15
- padding : 20px ;
16
- border-radius : 8px ;
17
- box-shadow : 0 4px 8px rgba (0 , 0 , 0 , 0.1 );
18
- width : 80% ;
19
- max-width : 500px ;
20
- }
21
-
22
- h1 {
23
- color : # 333 ;
24
- }
25
-
26
- # meme-box img {
27
- width : 100% ;
28
- height : auto;
29
- border-radius : 8px ;
30
- margin : 20px 0 ;
31
- }
32
-
33
- # meme-buttons button {
34
- background-color : # 4CAF50 ;
35
- color : white;
36
- padding : 10px 20px ;
37
- margin : 10px ;
38
- border : none;
39
- border-radius : 5px ;
40
- cursor : pointer;
41
- transition : background-color 0.3s ;
42
- }
43
-
44
- # meme-buttons button : hover {
45
- background-color : # 45a049 ;
46
- }
47
-
48
- # meme-buttons button : disabled {
49
- background-color : # ccc ;
50
- cursor : not-allowed;
51
- }
52
-
3
+ font-family : Arial, sans-serif;
4
+ background-color : # f1f1f1 ;
5
+ display : flex;
6
+ justify-content : center;
7
+ align-items : center;
8
+ height : 100vh ;
9
+ margin : 0 ;
10
+ }
11
+
12
+ .meme-container {
13
+ text-align : center;
14
+ background-color : # fff ;
15
+ padding : 20px ;
16
+ border-radius : 8px ;
17
+ box-shadow : 0 4px 8px rgba (0 , 0 , 0 , 0.1 );
18
+ width : 80% ;
19
+ max-width : 500px ;
20
+ }
21
+
22
+ h1 {
23
+ color : # 333 ;
24
+ }
25
+
26
+ # meme-box img {
27
+ width : 100% ;
28
+ height : auto;
29
+ border-radius : 8px ;
30
+ margin : 20px 0 ;
31
+ }
32
+
33
+ # meme-buttons button {
34
+ background-color : # 4caf50 ;
35
+ color : white;
36
+ padding : 10px 20px ;
37
+ margin : 10px ;
38
+ border : none;
39
+ border-radius : 5px ;
40
+ cursor : pointer;
41
+ transition : background-color 0.3s ;
42
+ }
43
+
44
+ # meme-buttons button : hover {
45
+ background-color : # 45a049 ;
46
+ }
47
+
48
+ # meme-buttons button : disabled {
49
+ background-color : # ccc ;
50
+ cursor : not-allowed;
51
+ }
You can’t perform that action at this time.
0 commit comments