16
16
padding-top : 6rem ;
17
17
padding-bottom : 6rem ;
18
18
margin-bottom : 0 ;
19
- background-color : # 89709B ;
19
+ background-color : # 89709b ;
20
20
color : # fff ;
21
21
}
22
22
@@ -29,27 +29,36 @@ body {
29
29
}
30
30
31
31
.jumbotron-heading {
32
- font-family : " Arvo" , serif;
32
+ font-family : ' Arvo' , serif;
33
33
font-weight : 300 ;
34
34
}
35
35
36
36
.jumbotron .container {
37
37
max-width : 40rem ;
38
38
}
39
39
40
+ .jumbotron .btn-primary {
41
+ font-size : larger;
42
+ }
43
+
40
44
.content {
41
45
background-color : # f7f7f7 ;
42
46
padding-bottom : 3rem ;
43
47
padding-top : 3rem ;
44
48
}
45
49
46
- .btn-primary , .btn-primary : active , .btn-primary : hover {
50
+ .btn-primary ,
51
+ .btn-primary : active ,
52
+ .btn-primary : hover {
47
53
background-color : # 4c844e ;
48
54
border : 0 ;
49
55
color : # fff ;
56
+ text-decoration : none;
50
57
}
51
58
52
- .btn-secondary , .btn-secondary : active , .btn-secondary : hover {
59
+ .btn-secondary ,
60
+ .btn-secondary : active ,
61
+ .btn-secondary : hover {
53
62
background-color : # 80b682 ;
54
63
border : 0 ;
55
64
color : # fff ;
@@ -63,15 +72,19 @@ footer {
63
72
64
73
footer p {
65
74
color : # fff ;
66
- margin-bottom : .25rem ;
75
+ margin-bottom : 0 .25rem ;
67
76
}
68
77
69
- header a , footer a {
78
+ header a ,
79
+ footer a {
70
80
color : # fff ;
71
81
font-weight : bold;
72
82
text-decoration : underline dotted;
73
83
}
74
- header a : hover , header a : visited , footer a : hover , footer a : visited {
84
+ header a : hover ,
85
+ header a : visited ,
86
+ footer a : hover ,
87
+ footer a : visited {
75
88
color : # ddd ;
76
89
}
77
90
@@ -81,15 +94,16 @@ header a:hover, header a:visited, footer a:hover, footer a:visited {
81
94
}
82
95
83
96
# carbonads {
84
- font-family : -apple-system, BlinkMacSystemFont, "Segoe UI" , Roboto, Oxygen-Sans, Ubuntu,
85
- Cantarell, "Helvetica Neue" , Helvetica, Arial, sans-serif;
97
+ font-family : -apple-system, BlinkMacSystemFont, 'Segoe UI' , Roboto,
98
+ Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue' , Helvetica, Arial,
99
+ sans-serif;
86
100
}
87
101
88
102
# carbonads {
89
103
display : flex;
90
104
max-width : 330px ;
91
105
background-color : hsl (0 , 0% , 98% );
92
- box-shadow : 0 1px 4px 1px hsla (0 , 0% , 0% , .1 );
106
+ box-shadow : 0 1px 4px 1px hsla (0 , 0% , 0% , 0 .1 );
93
107
margin-left : auto;
94
108
margin-right : auto;
95
109
}
@@ -133,11 +147,33 @@ header a:hover, header a:visited, footer a:hover, footer a:visited {
133
147
.carbon-poweredby {
134
148
display : block;
135
149
padding : 8px 10px ;
136
- background : repeating-linear-gradient (-45deg , transparent, transparent 5px , hsla (0 , 0% , 0% , .025 ) 5px , hsla (0 , 0% , 0% , .025 ) 10px ) hsla (203 , 11% , 95% , .4 );
150
+ background : repeating-linear-gradient (
151
+ -45deg ,
152
+ transparent,
153
+ transparent 5px ,
154
+ hsla (0 , 0% , 0% , 0.025 ) 5px ,
155
+ hsla (0 , 0% , 0% , 0.025 ) 10px
156
+ )
157
+ hsla (203 , 11% , 95% , 0.4 );
137
158
text-align : center;
138
159
text-transform : uppercase;
139
- letter-spacing : .5px ;
160
+ letter-spacing : 0 .5px ;
140
161
font-weight : 600 ;
141
162
font-size : 9px ;
142
163
line-height : 1 ;
143
- }
164
+ }
165
+
166
+ .btn-pink {
167
+ background-color : # ff00bd ;
168
+ border : 0 ;
169
+ color : # fff ;
170
+ font-weight : bold;
171
+ }
172
+
173
+ a .pink {
174
+ color : # ff00bd ;
175
+ }
176
+
177
+ .sponsor {
178
+ margin-bottom : 2rem ;
179
+ }
0 commit comments