@ -7,7 +7,8 @@ light-gray = #EEE
l i g h t - green = #AEE239
l i g h t - red = #E23430
l i g h t - yellow = #FFE476
red = #AE1E1D
red = #B11C17
yellow = #DEAC11
@keyframes r o t a t e {
f r o m { transform : rotate ( 0 d e g ) }
@ -50,20 +51,19 @@ body {
}
. footer {
display : table ;
width : 1 0 0 % ;
padding : 2 0 p x ;
for m {
text-align : center ;
display : table-row ;
}
color : gray ;
padding : 2 0 p x 0 1 0 p x
p {
display : table-row ;
font : 1 2 p x / 2 0 p x " Q u i c k s a n d " , s a n s - s e r if ;
text-align : center ;
color : gray ;
}
for m p {
display : inline ;
}
. byline {
padding : 0 1 0 p x ;
}
}
@ -276,7 +276,7 @@ body {
transition : all 0 . 25s e a s e
& : h o v e r , & : a c t i v e {
border - color : beige
border - color : yellow
background : white
color : red
}
@ -286,3 +286,22 @@ body {
top : - 1 0 0 0 p x
}
}
. donate-button {
border : 2 p x s o l i d red
border - r a d i u s : 4 p x
padding : 2 p x 5 p x
margin - right : 1 0 p x
background : yellow
display : inline-block
cursor : pointer
transition : all 0 . 25s e a s e
font : 1 2 p x / 1 " Q u i c k s a n d " , s a n s - s e r if
color : white
& : h o v e r , & : a c t i v e {
border - color : yellow
background : white
color : red
}
}
Alex Kern
11 years ago