1 files changed, 32 insertions, 0 deletions

diff --git a/styles.css b/styles.css
index 76a9cc5..0206f74 100644
--- a/styles.css
+++ b/styles.css
@@ -52,4 +52,36 @@ canvas {
     .content {
         font-size: 1.5vh;
     }
+}
+
+@media only screen and (max-height: 1000px) and (max-width: 600px) {
+    .content {
+        font-size: 2.5vh;
+    }
+}
+
+/*
+    Whale falling down
+ */
+.spermWhale {
+    position: absolute;
+    display: none;
+    width: auto;
+    height: 30vw;
+}
+
+.dropWhale {
+    display: block;
+    z-index: 1;
+    bottom: 0;
+    animation: drop 3s ease-in forwards;
+}
+
+@keyframes drop {
+    from {
+        transform: translate(0, -100vh) rotate(0deg);
+    }
+    to {
+        transform: translate(0, 200vh) rotate(360deg);
+    }
 }
\ No newline at end of file