feat: landing page v1

Author: Artem Mikheev

app/globals.css

@@ -142,3 +142,38 @@
     @apply text-2xl;
   }
 }
+
+.theme-highlight {
+  color: var(--color-surface);
+  font-weight: 400;
+  white-space: nowrap;
+  background-color: var(--color-theme);
+}
+
+.landing-highlight {
+  color: var(--color-element);
+  background-size: 200% 100%;
+  background-image: linear-gradient(
+    to right,
+    var(--color-surface) 50%,
+    var(--color-theme) 50%
+  );
+  -webkit-transition: background-position 1s;
+  -moz-transition: background-position 1s;
+}
+
+.landing-member:hover .landing-highlight,
+.landing-achievements:hover .landing-highlight {
+  color: var(--color-surface);
+  background-position: -100% 0;
+}
+
+.landing-animation {
+  transform: scale(0.75);
+  transition: transform 0.5s ease-in-out;
+  filter: invert(48%) sepia(91%) saturate(5422%) hue-rotate(14deg) brightness(106%) contrast(99%);
+}
+
+.landing-member:hover .landing-animation {
+  transform: rotate(30deg) scale(1.1);
+}