fix arrow function inconsistency

assets/sass/components/_animation.scss

@@ -1,18 +1,19 @@
 @use "../abstracts/themes";
 
-.wave {
+.wave,
+.beat {
   display: inline-block;
+}
+
+.wave {
   animation: wave 5s infinite;
   animation-delay: 1s;
   transform-origin: 65% 80%;
-  will-change: transform;
 }
 
 .beat {
-  display: inline-block;
   animation: beat 10s infinite; // 6 bpm, call 911 if you see this please.
   animation-delay: 7.5s; // offset from wave animation
-  will-change: transform;
 }
 
 @keyframes wave {

assets/sass/pages/_contact.scss

@@ -27,7 +27,6 @@ div.layout-contact {
     margin: 0.6em 0;
     border: 2px solid;
     border-radius: 0.3em;
-    font-size: 0.9em;
 
     @include themes.themed(
       (
@@ -49,8 +48,10 @@ div.layout-contact {
   }
 
   textarea {
-    height: 10em;
+    height: 12em;
+    min-height: 6em;
     margin-bottom: 0;
+    line-height: 1.5;
 
     // allow vertical resizing & disable horizontal
     resize: vertical; // stylelint-disable-line plugin/no-unsupported-browser-features
@@ -63,12 +64,12 @@ div.layout-contact {
 
     button {
       flex-shrink: 0;
-      padding: 0.8em 1.2em;
+      padding: 1em 1.25em;
       margin-right: 1.5em;
       border: 0;
       border-radius: 0.3em;
+      font-size: 1.1em;
       cursor: pointer;
-      line-height: 1.5;
       user-select: none;
 
       @include themes.themed(
@@ -95,7 +96,6 @@ div.layout-contact {
     }
 
     span.contact-form-result {
-      font-size: 0.925em;
       font-weight: 600;
 
       &#contact-form-result-success {
@@ -122,9 +122,8 @@ div.layout-contact {
   }
 
   div#contact-form-md-info {
-    font-size: 0.75em;
+    font-size: 0.825em;
     line-height: 1.75;
-    margin: 0.2em 0 0.6em 0;
 
     a {
       // disable fancy underline without `.no-underline`