-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
60 lines (50 loc) · 975 Bytes
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
* {
margin: 0;
padding: 0;
}
body {
display: flex;
justify-content: space-around;
align-items: flex-end;
height: 100vh;
color: #FFF;
text-align: center;
}
p {
/* Display select surligner on text */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
user-select: none; /* Propriété standard */
}
#normal, #bigger, #heavyest, #counter {
margin-bottom: 50px;
}
#normal, #bigger, #heavyest {
width: 10%;
font-size: 30px;
}
#normal {
background-color: palevioletred;
}
#bigger {
background-color: springgreen;
padding-top: 20px;
}
#heavyest {
background-color: turquoise;
padding-top: 40px;
}
#counter {
width: 30%;
padding: 335px 130px;
border-radius: 50%;
background-color: salmon;
}
#cookieCounter {
font-size: 44px;
margin-bottom: 20px;
}
#message {
font-size: 28px;
}