Added playful animation for huge main logo

app/assets/stylesheets/customisations.scss

@@ -76,6 +76,29 @@ body
   }
 }
 
+
+// Animate the huge logo on the home page
+
+#biglogo img {
+  animation-name: logoappear;
+  animation-duration: 1s;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-out;
+  animation-direction: alternate;
+}
+@keyframes logoappear {
+  0% {
+    opacity: 0.0;
+    transform: scale(0.7,0.7) rotate(20deg);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1,1) rotate(0deg);
+  }
+}
+
+// ----------------------------------
+
 .top-bar-right .menu li a
 {
   padding-top: 1.3rem;