diff --git a/index.html b/index.html
index adcecc3..59aabb8 100644
--- a/index.html
+++ b/index.html
@@ -6,12 +6,11 @@
#fishtank {
width: 100%; height: 100%;
background-color: aqua;
- padding: 1em 0 0;
}
@keyframes swimming {
0% { transform: translateY(0); }
- 33% { transform: translateY(-0.5em); }
- 67% { transform: translateY(0.5em); }
+ 33% { transform: translateY(-50%); }
+ 67% { transform: translateY(50%); }
100% { transform: translateY(0); }
}
marquee:not(#crab) {
@@ -20,6 +19,7 @@
animation-iteration-count: infinite;
animation-timing-function: ease;
}
+ marquee { font-size: 8vh; padding: 1vh 0; }
#fish1 { color: red; animation-delay: 0; }
#fish2 { color: orange; animation-delay: 0.8s; }
#fish3 { color: blue; animation-delay: 0.4s; }