-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
40 lines (34 loc) · 1.06 KB
/
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
button {
background: rgb(255, 255, 255);
border: 1px solid rgb(174, 174, 174);
border-radius: 4px;
box-shadow: inset 0 0 7px rgb(236, 236, 236), 0 1px 1px rgb(232, 232, 232);
color: rgb(109, 111, 118);
cursor: pointer;
font-family: 'Open Sans Condensed', sans-serif; font-size: 48px; font-weight: 700;
height: 60px;
line-height: 23px;
padding: 10px 100px 10px 100px;
margin-top: 50px;
margin-bottom: 50px;
transition: color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out;
}
button.hover,
button:hover {
color: rgb(89, 91, 97);
border-color:rgb(130, 132, 141);
box-shadow: inset 0 0 7px rgb(224, 239, 249), 0 1px 1px rgb(163, 205, 229);
}
button.inactive {
opacity: 0.7;
}
body {
background-color: #6600ff;
color: rgb(255, 255, 255);
font-size: 16px;
text-align:center;
vertical-align: middle;
}
div {
color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-size: 42px; font-weight: 700; line-height: 48px; margin: 0 0 24px; padding: 0 30px; text-align: center; text-transform: uppercase;
}