Commit | Line | Data |
---|---|---|
bbb90bba BA |
1 | body { |
2 | text-align: center; | |
3 | font-family: Merriweather, serif; | |
4 | font-size: 24px; | |
5 | } | |
6 | ||
7 | input { | |
8 | display: block; | |
9 | margin: 50px auto; | |
10 | line-height: 42px; | |
11 | padding-left: 10px; | |
12 | font-size: 24px; | |
13 | } | |
14 | ||
15 | button { | |
16 | background-color: #4CAF50; /* Green */ | |
17 | border: none; | |
18 | color: white; | |
19 | padding: 15px 32px; | |
20 | text-decoration: none; | |
21 | font-size: 24px; | |
22 | display: block; | |
23 | margin: 50px auto; | |
24 | cursor: pointer; | |
25 | } | |
26 | ||
27 | .options { | |
28 | width: 800px; | |
29 | margin: 0 auto 30px auto; | |
30 | } | |
31 | ||
32 | .options img { | |
33 | display: inline-block; | |
34 | width: 20%; | |
35 | margin: 0; | |
36 | } | |
37 | ||
38 | .options img:hover { | |
39 | cursor: pointer; | |
40 | background-color: lightblue; | |
41 | } | |
42 | ||
43 | .choices { | |
44 | width: 320px; | |
45 | margin: 0 auto 30px auto; | |
46 | } | |
47 | ||
48 | .choices img { | |
49 | display: inline-block; | |
50 | width: 50%; | |
51 | margin: 0; | |
52 | } | |
53 | ||
54 | img.animated { | |
55 | display: block; | |
56 | width: 200px; | |
57 | margin: 50px auto; | |
58 | } |