-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
68 lines (52 loc) · 1.16 KB
/
index.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
61
62
63
64
65
66
67
68
body {
background-color: #D1D7E0;
margin: 0;
padding: 0;
}
.space {
margin-bottom: 60px;
}
.header {
top: 0;
position: fixed;
padding: 10px 20px;
margin-bottom: 5px;
font-family: Arial, serif;
font-size: 24px;
color: whitesmoke;
width: 100%;
height: 33px;
background-color: #669DB3;
}
.grid {
display: inline-flex;
flex-wrap: wrap;
padding: 10px;
background-color: rgb(28, 28, 27);
border-radius: 15px;
height: 125px;
width: 275px;
margin: 5px;
}
.tile {
display: inline-flex;
flex-wrap: wrap;
height: 25px;
width: 25px;
border-radius: 25px;
background: #fbfff0;
padding: 0;
margin: 0;
}
.pink-skin {background: #ffbfbf;}
.yellow {background: #eebb4c;}
.orange {background: #d85426;}
.pink {background: #d64997;}
.light-blue {background: #93bbda;}
.dark-green {background: #17854e;}
.purple {background: #6b366b;}
.dark-blue {background: #3138a0;}
.light-grey {background: #ccc;}
.red {background: #c72c41;}
.darker-grey {background: #9a9b98;}
.lime-green {background: #69dd73;}