diff --git a/index.html b/index.html index 6860131..760dfdf 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@

Hacks 'R' Us Logo

Who?

-
diff --git a/style.css b/style.css index 85562dd..c01cdb9 100644 --- a/style.css +++ b/style.css @@ -8,14 +8,14 @@ div.container { text-align: center; } -ul.people { +ul.fisher-price-links { display: flex; padding: 0px ; align-items: center; justify-content: center; } -ul.people>li { +ul.fisher-price-links>li { padding: 2px; background-color: #adadad; list-style: none; @@ -24,29 +24,51 @@ ul.people>li { transition: all 0.1s ease-in-out; } -ul.people>li:nth-of-type(4n+1) { +ul.fisher-price-links>li:nth-of-type(4n+1) { background-color: #ea1a5b; } -ul.people>li:nth-of-type(4n+2) { +ul.fisher-price-links>li:nth-of-type(4n+2) { background-color: #f48120; } -ul.people>li:nth-of-type(4n+3) { +ul.fisher-price-links>li:nth-of-type(4n+3) { background-color: #73bd45; } -ul.people>li:nth-of-type(4n) { +ul.fisher-price-links>li:nth-of-type(4n) { background-color: #0862ad; } -ul.people>li:hover { +ul.fisher-price-links>li:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px; /*z-index: -1;*/ } -ul.people>li>a { +ul.fisher-price-links>li>a { color: #fff; text-decoration: none; font-size: 20px; +} + +.unicorns { + animation: unicornMode 2s linear 0s infinite; +} + +@keyframes unicornMode { + from { + color: #6666ff; + } + 10% { + color: #0099ff; + } + 50% { + color: #00ff00; + } + 75% { + color: #ff3399; + } + 100% { + color: #6666ff; + } } \ No newline at end of file