|
|
|
|
@ -41,39 +41,40 @@ a, a:visited a:hover, a:active, a:link { |
|
|
|
|
display: block; |
|
|
|
|
font-family: Inconsolata; |
|
|
|
|
font-size: 2.5em; |
|
|
|
|
line-height: 1.3em; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-variant: normal; |
|
|
|
|
line-height: 1em; |
|
|
|
|
width: 1em; |
|
|
|
|
height: 1em; |
|
|
|
|
padding: .5em; |
|
|
|
|
margin: .1em; |
|
|
|
|
box-shadow: 15px 15px 1px #111111; |
|
|
|
|
border: #999999 1px solid; |
|
|
|
|
background-color: #363636; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#twitter:hover, #twitter:focus { |
|
|
|
|
color: #6997c8; |
|
|
|
|
animation: .45s jump 2 linear; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#github:hover, #github:focus { |
|
|
|
|
color: #ef787b; |
|
|
|
|
animation: .45s jump 2 linear; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#flickr:hover, #flickr:focus { |
|
|
|
|
color: #99cb9b; |
|
|
|
|
animation: .45s jump 2 linear; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#keys:hover, #keys:focus { |
|
|
|
|
color: #ca98c9; |
|
|
|
|
animation: .45s jump 2 linear; |
|
|
|
|
.hblue:hover, .hblue:focus { color: #6997c8; } |
|
|
|
|
.hred:hover, .hred:focus { color: #ef787b; } |
|
|
|
|
.hgreen:hover, .hgreen:focus { color: #99cb9b; } |
|
|
|
|
.hlila:hover, .hlila:focus { color: #ca98c9; } |
|
|
|
|
.hyellow:hover, .hyellow:focus { color: #e7d853; } |
|
|
|
|
.hteal:hover, .hteal:focus { color: #6ccaca; } |
|
|
|
|
.horange:hover, .horange:focus { color: #f6915f; } |
|
|
|
|
.hbrown:hover, .hbrown:focus { color: #be6b49; } |
|
|
|
|
|
|
|
|
|
#wiggle:hover, #wiggle:focus { |
|
|
|
|
animation: .15s wiggle ease infinite; |
|
|
|
|
box-shadow: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#email:hover, #email:focus { color: #6ccaca; } |
|
|
|
|
|
|
|
|
|
#legal:hover, #legal:focus { |
|
|
|
|
color: #e7d853; |
|
|
|
|
animation: .45s jump infinite linear; |
|
|
|
|
.icons { |
|
|
|
|
padding: 1em 8em; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-content: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.icons { padding: 0.25em 1em; } |
|
|
|
|
|
|
|
|
|
.icons h1 { |
|
|
|
|
font-family: Inconsolata; |
|
|
|
|
@ -83,9 +84,15 @@ a, a:visited a:hover, a:active, a:link { |
|
|
|
|
font-variant: normal; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@keyframes jump { |
|
|
|
|
0% { transform: translateY(0); } |
|
|
|
|
20% { transform: translateY(-.075em); } |
|
|
|
|
80% { transform: translateY(.025em); } |
|
|
|
|
100% { transform: translateY(0); } |
|
|
|
|
} |
|
|
|
|
@keyframes wiggle { |
|
|
|
|
0% { transform: translate(0em, 0em); } |
|
|
|
|
12.5% { transform: translate(.025em, -.0725em) rotateZ(2deg); } |
|
|
|
|
25% { transform: translate(.125em, 0em) rotateZ(1.725deg);; } |
|
|
|
|
37.5% { transform: translate(.025em, .025em) rotateZ(-1.725deg);; } |
|
|
|
|
50% { transform: translate(0em, 0em) rotateZ(-1.725deg);; } |
|
|
|
|
62.5% { transform: translate(-.025em, -.1em) rotateZ(-1.725deg);; } |
|
|
|
|
75% { transform: translate(-.125em, 0em) rotateZ(-1.725deg);; } |
|
|
|
|
87.5% { transform: translate(-.1em, .1em) rotateZ(1.725deg);; } |
|
|
|
|
100% { transform: translate(0em, 0em) rotateZ(1.725deg);; } |
|
|
|
|
} |
|
|
|
|
|
