6a02e6dd7079084ee735dcf2ff6f3c3ee2596f4b
[rpsls-web.git] / assets / rpsls.css
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 }