11/* styles.css */
22body {
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+ }
0 commit comments