From 94edf83771b03fb51dcf6d5ecf51c69c7f90389a Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Mon, 1 Jun 2020 14:48:31 -0400
Subject: [PATCH] dial back the animation overload a tad...

---
 assets/sass/components/_animation.scss | 27 +++++++++++++-------------
 assets/sass/components/_content.scss   |  9 ++++-----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/assets/sass/components/_animation.scss b/assets/sass/components/_animation.scss
index 99e3297f..f0ef426d 100644
--- a/assets/sass/components/_animation.scss
+++ b/assets/sass/components/_animation.scss
@@ -2,32 +2,32 @@
 
 .wave {
   display: inline-block;
-  animation: wave 2.5s infinite;
+  animation: wave 5s infinite;
   transform-origin: 70% 70%;
 }
 
 .beat {
   display: inline-block;
-  animation: beat 2s infinite; // 30 bpm, call 911 if you see this please.
+  animation: beat 20s infinite; // 3 bpm, call 911 if you see this please.
 }
 
 @keyframes wave {
   0% {
     transform: rotate(0deg);
   }
+  5% {
+    transform: rotate(-10deg);
+  }
   10% {
+    transform: rotate(12deg);
+  }
+  15% {
     transform: rotate(-10deg);
   }
   20% {
-    transform: rotate(12deg);
-  }
-  30% {
-    transform: rotate(-10deg);
-  }
-  40% {
     transform: rotate(9deg);
   }
-  50% {
+  25% {
     transform: rotate(0deg);
   }
   100% {
@@ -39,18 +39,19 @@
   0% {
     transform: scale(1);
   }
-  10% {
+  1% {
     transform: scale(1.25);
   }
-  20% {
+  2% {
     transform: scale(1);
   }
-  30% {
+  3% {
     transform: scale(1.25);
   }
-  40% {
+  4% {
     transform: scale(1);
   }
+  // pause for ~19 out of 20 seconds
   100% {
     transform: scale(1);
   }
diff --git a/assets/sass/components/_content.scss b/assets/sass/components/_content.scss
index 98a8fc3f..af6477d1 100644
--- a/assets/sass/components/_content.scss
+++ b/assets/sass/components/_content.scss
@@ -7,7 +7,8 @@ div#content {
 
   h1,
   h2,
-  h3 {
+  h3,
+  h4 {
     margin-top: 1.25em;
     margin-bottom: 0.5em;
     letter-spacing: 0.001em;
@@ -23,10 +24,8 @@ div#content {
     }
   }
 
-  p {
-    &.center {
-      text-align: center;
-    }
+  p.center {
+    text-align: center;
   }
 
   p.image,