File tree Expand file tree Collapse file tree 1 file changed +82
-83
lines changed Expand file tree Collapse file tree 1 file changed +82
-83
lines changed Original file line number Diff line number Diff line change 11/* styles.css */
22body {
3- font-family : Arial, sans-serif;
4- background-color : # f4f4f9 ;
5- display : flex;
6- justify-content : center;
7- align-items : center;
8- height : 100vh ;
9- margin : 0 ;
10- }
11-
12- .quiz-container {
13- background : # fff ;
14- border-radius : 8px ;
15- padding : 20px ;
16- width : 300px ;
17- box-shadow : 0 4px 10px rgba (0 , 0 , 0 , 0.1 );
18- }
19-
20- h1 {
21- text-align : center;
22- color : # 333 ;
23- }
24-
25- # question-container {
26- margin-bottom : 20px ;
27- }
28-
29- # answer-container {
30- margin-bottom : 20px ;
31- }
32-
33- .answer-btn {
34- background-color : # 4CAF50 ;
35- color : white;
36- padding : 10px ;
37- width : 100% ;
38- margin : 5px 0 ;
39- border : none;
40- border-radius : 5px ;
41- cursor : pointer;
42- transition : background-color 0.3s ;
43- }
44-
45- .answer-btn : hover {
46- background-color : # 45a049 ;
47- }
48-
49- # next-btn {
50- background-color : # 008CBA ;
51- color : white;
52- padding : 10px ;
53- width : 100% ;
54- border : none;
55- border-radius : 5px ;
56- cursor : pointer;
57- font-size : 16px ;
58- }
59-
60- # next-btn : disabled {
61- background-color : # ccc ;
62- }
63-
64- .hidden {
65- display : none;
66- }
67-
68- # result-container {
69- text-align : center;
70- }
71-
72- # restart-btn {
73- background-color : # f44336 ;
74- color : white;
75- padding : 10px ;
76- border : none;
77- border-radius : 5px ;
78- cursor : pointer;
79- width : 100% ;
80- }
81-
82- # restart-btn : hover {
83- background-color : # d32f2f ;
84- }
85-
3+ font-family : Arial, sans-serif;
4+ background-color : # f4f4f9 ;
5+ display : flex;
6+ justify-content : center;
7+ align-items : center;
8+ height : 100vh ;
9+ margin : 0 ;
10+ }
11+
12+ .quiz-container {
13+ background : # fff ;
14+ border-radius : 8px ;
15+ padding : 20px ;
16+ width : 300px ;
17+ box-shadow : 0 4px 10px rgba (0 , 0 , 0 , 0.1 );
18+ }
19+
20+ h1 {
21+ text-align : center;
22+ color : # 333 ;
23+ }
24+
25+ # question-container {
26+ margin-bottom : 20px ;
27+ }
28+
29+ # answer-container {
30+ margin-bottom : 20px ;
31+ }
32+
33+ .answer-btn {
34+ background-color : # 4caf50 ;
35+ color : white;
36+ padding : 10px ;
37+ width : 100% ;
38+ margin : 5px 0 ;
39+ border : none;
40+ border-radius : 5px ;
41+ cursor : pointer;
42+ transition : background-color 0.3s ;
43+ }
44+
45+ .answer-btn : hover {
46+ background-color : # 45a049 ;
47+ }
48+
49+ # next-btn {
50+ background-color : # 008cba ;
51+ color : white;
52+ padding : 10px ;
53+ width : 100% ;
54+ border : none;
55+ border-radius : 5px ;
56+ cursor : pointer;
57+ font-size : 16px ;
58+ }
59+
60+ # next-btn : disabled {
61+ background-color : # ccc ;
62+ }
63+
64+ .hidden {
65+ display : none;
66+ }
67+
68+ # result-container {
69+ text-align : center;
70+ }
71+
72+ # restart-btn {
73+ background-color : # f44336 ;
74+ color : white;
75+ padding : 10px ;
76+ border : none;
77+ border-radius : 5px ;
78+ cursor : pointer;
79+ width : 100% ;
80+ }
81+
82+ # restart-btn : hover {
83+ background-color : # d32f2f ;
84+ }
You can’t perform that action at this time.
0 commit comments