Add some explanations, improved styles
[rpsls-bot.git] / css / rpsls.css
1 #rpsls {
2 margin-top: 50px;
3 margin-bottom: 50px;
4 min-height: calc(100vh - 100px);
5 }
6
7 .topSpacing {
8 margin-top: 40px;
9 margin-bottom: 10px;
10 }
11
12 .leftSpacing {
13 padding-left: 40px;
14 }
15
16 .compChoice {
17 border: 3px solid red;
18 }
19
20 .humanChoice {
21 border: 3px solid green;
22 }
23
24 .compChoice.humanChoice {
25 border: 3px solid black;
26 }
27
28 .image {
29 width: 20%;
30 cursor: pointer;
31 }
32
33 .message {
34 width: 100%;
35 font-weight: bold;
36 font-size: 1.2rem;
37 }
38
39 .scoreMsg {
40 font-size: 1.5rem;
41 }
42
43 .score {
44 font-weight: bold;
45 }
46
47 #explanations {
48 background-color: lightgrey;
49 }
50
51 .block {
52 display: block;
53 margin: 10px auto;
54 }
55
56 footer {
57 height: 50px;
58 width: 100%;
59 }