From 6925122b74fcb5c3fb7bde2abf80e684e742904b Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Mon, 30 Apr 2018 20:10:48 +0100
Subject: [PATCH] Start logo with colours, mid-animation

---
 html/main.css | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/html/main.css b/html/main.css
index 800b9e9a..a96aeadb 100644
--- a/html/main.css
+++ b/html/main.css
@@ -219,58 +219,57 @@ form .btn {
 }
 .logo .cell {
     display: inline-block;
-    background-color: #222;
     width: 15px;
     height: 15px;
     margin: 0 3px 0 0;
 }
 .logo .row:nth-child(1) .cell:nth-child(1) {
     animation: pulse 47s infinite;
-    animation-delay: 1.5s;
+    animation-delay: -1.5s;
 }
 .logo .row:nth-child(1) .cell:nth-child(2) {
     animation: pulse 32s infinite;
-    animation-delay: 0.5s;
+    animation-delay: -0.5s;
 }
 .logo .row:nth-child(1) .cell:nth-child(3) {
     animation: pulse 49s infinite;
-    animation-delay: 6s;
+    animation-delay: -6s;
 }
 .logo .row:nth-child(1) .cell:nth-child(4) {
     animation: pulse 35s infinite;
-    animation-delay: 10s;
+    animation-delay: -10s;
 }
 .logo .row:nth-child(2) .cell:nth-child(1) {
     animation: pulse 34s infinite;
-    animation-delay: 7s;
+    animation-delay: -7.2s;
 }
 .logo .row:nth-child(2) .cell:nth-child(2) {
-    animation: pulse 48s infinite;
-    animation-delay: 9s;
+    animation: pulse 58s infinite;
+    animation-delay: -15s;
 }
 .logo .row:nth-child(2) .cell:nth-child(3) {
     animation: pulse 31s infinite;
-    animation-delay: 5s;
+    animation-delay: -5s;
 }
 .logo .row:nth-child(2) .cell:nth-child(4) {
     animation: pulse 46s infinite;
-    animation-delay: 4.5s;
+    animation-delay: -4.5s;
 }
 .logo .row:nth-child(3) .cell:nth-child(1) {
     animation: pulse 32s infinite;
-    animation-delay: 3.5s;
+    animation-delay: -3.5s;
 }
 .logo .row:nth-child(3) .cell:nth-child(2) {
     animation: pulse 49s infinite;
-    animation-delay: 5.5s;
+    animation-delay: -8.5s;
 }
 .logo .row:nth-child(3) .cell:nth-child(3) {
     animation: pulse 35s infinite;
-    animation-delay: 4s;
+    animation-delay: -4s;
 }
 .logo .row:nth-child(3) .cell:nth-child(4) {
     animation: pulse 34s infinite;
-    animation-delay: 17s;
+    animation-delay: -17s;
 }
 
 @keyframes pulse {