Change animation-duration for smaller screens.

Author: Ariadne Engelbrecht

week_11__final-project/spelling_bee/fly.toml

@@ -1,4 +1,4 @@
-# fly.toml app configuration file generated for urban-spelling-bee on 2023-06-19T21:06:31+02:00
+# fly.toml app configuration file generated for urban-spelling-bee on 2023-06-20T11:39:10+02:00
 #
 # See https://fly.io/docs/reference/configuration/ for information about how to use this file.
 #

week_11__final-project/spelling_bee/static/js/index.js

@@ -145,7 +145,7 @@ window.addEventListener('DOMContentLoaded', function () {
     if (!sessionStorage.getItem('beeShown')) {
       if (window.innerWidth <= 768) {
         // Add class for smaller screens and set animation duration
-        bee.style.animation = 'fly-small-screens 3s, jiggle 1s infinite';
+        bee.style.animation = 'fly-small-screens 13s, jiggle 1s infinite';
         bee.style.top = '10%';
         bee.style.left = '72%';
         beeInnerWrapper.setAttribute('transform', 'rotate(90 50 50)');