feat: added pepper logo and link.

ref: N25B-79

src/App.css

@@ -18,6 +18,20 @@
   filter: drop-shadow(0 0 2em #61dafbaa);
 }
 
+
+.logopepper {
+  height: 8em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logopepper:hover {
+  filter: drop-shadow(0 0 10em #ff0707);
+}
+.logopepper.react:hover {
+  filter: drop-shadow(0 0 10em #4eff14aa);
+}
+
 @keyframes logo-spin {
   from {
     transform: rotate(0deg);
@@ -27,12 +41,47 @@
   }
 }
 
+
+@keyframes logo-pepper-spin {
+  from {
+    transform: rotate(-20deg);
+  }
+  to {
+    transform: rotate(20deg);
+  }
+}
+
+
+
+@keyframes logo-pepper-scale {
+  from {
+    transform: scale(1,1);
+  }
+  to {
+    transform: scale(1.5,1.5);
+  }
+}
+
 @media (prefers-reduced-motion: no-preference) {
   a:nth-of-type(2) .logo {
     animation: logo-spin infinite 20s linear;
   }
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .logopepper {
+    animation: logo-pepper-spin infinite 1s linear alternate;
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .logoPepperScaling {
+    animation: logo-pepper-scale infinite 1s linear alternate;
+  }
+}
+
+
+
 
 
 button.reset {