diff --git a/public/chocoicon.woff2 b/public/chocoicon.woff2
new file mode 100644
index 0000000..a169211
Binary files /dev/null and b/public/chocoicon.woff2 differ
diff --git a/src/components/contributors.tsx b/src/components/contributors.tsx
index 2e36b4d..3396a34 100644
--- a/src/components/contributors.tsx
+++ b/src/components/contributors.tsx
@@ -3,36 +3,43 @@ import bois from '#/bois.json';
 const brandLookup = {
     twitter: {
         name: (at: string) => `Twitter: ${at}`,
+        color: () => "#21A6FF",
         url: (at: string) => `https://twitter.com/${at}`,
         icon: () => <i className='fa-brands fa-twitter' />
     },
     kofi: {
         name: (at: string) => `Ko-fi: ${at}`,
+        color: () => "#FF5E5B",
         url: (at: string) => `https://ko-fi.com/${at}`,
-        icon: () => <i className='fa-solid fa-mug-saucer' />,
+        icon: () => <i className='icon-kofi' />,
     },
     patreon: {
         name: (at: string) => `Patreon: ${at}`,
+        color: () => "#FF424D",
         url: (at: string) => `https://www.patreon.com/${at}`,
         icon: () => <i className='fa-brands fa-patreon' />,
     },
     github: {
         name: (at: string) => `GitHub: ${at}`,
+        color: () => "#AB3DD3",
         url: (at: string) => `https://github.com/${at}`,
         icon: () => <i className='fa-brands fa-github' />,
     },
     soundcloud: {
         name: (at: string) => `SoundCloud: ${at}`,
+        color: () => "#FF3300",
         url: (at: string) => `https://soundcloud.com/${at}`,
         icon: () => <i className='fa-brands fa-soundcloud' />,
     },
     bandcamp: {
         name: (at: string) => `Bandcamp: ${at}`,
+        color: () => "#3399B2",
         url: (at: string) => `https://${at}.bandcamp.com/`,
-        icon: () => <i className='fa-brands fa-bandcamp' />,
+        icon: () => <i className='icon-bandcamp' />,
     },
     itch: {
         name: (at: string) => `Itch: ${at}`,
+        color: () => "#FA5C5C",
         url: (at: string) => `https://${at}.itch.io/`,
         icon: () => <i className='fa-brands fa-itch-io' />,
     },
@@ -59,13 +66,13 @@ function Contributor({who, role}: ContributorProps) {
             <div className='flex gap-2 justify-end flex-1'><>
                 {globals && globals.map((url) => 
                     <a key={`${display}-${url}`} 
-                    className="bg-slate-800 rounded hover:bg-slate-700 active:translate-y-px transition-colors aspect-square h-9 grid place-items-center" 
+                    className="bg-slate-800 rounded hover:bg-slate-700 active:translate-y-px transition-colors aspect-square h-9 grid place-items-center brand-button" 
                     title={url} href={url}><i className="fa-solid fa-globe"></i></a>
                 )}
                 {socials && Object.entries(socials).map(([key, value]) => 
                         <a key={`${key}-${value}`} 
-                        className="bg-slate-800 rounded hover:bg-slate-700 active:translate-y-px transition-colors aspect-square h-9 grid place-items-center" 
-                        title={brand(key).name(value)} href={brand(key).url(value)}>
+                        className="bg-slate-800 rounded hover:bg-slate-700 active:translate-y-px transition-colors aspect-square h-9 grid place-items-center brand-button" 
+                        title={brand(key).name(value)} href={brand(key).url(value)} style={{["--brandColor" as any]: brand(key).color()}}>
                             {brand(key).icon()}
                         </a>
                 )}
diff --git a/src/components/game-card.tsx b/src/components/game-card.tsx
index 993ea55..d2b4727 100644
--- a/src/components/game-card.tsx
+++ b/src/components/game-card.tsx
@@ -24,6 +24,8 @@ export function GameCard({game}: GameCardProps) {
     useEffectOnce(() => {
         const card = cardRef.current as HTMLVanillaTiltElement;
         Tilt.init(card, {
+            glare: true,
+            "max-glare": 0.2,
             reverse: !isMobile,
             scale: 1.05,
             perspective: 2000,
@@ -38,7 +40,7 @@ export function GameCard({game}: GameCardProps) {
             </div>
             <div className="p-2" style={{transform: "translateZ(15px)"}}>
                 <p className='font-bold text-xl'>{game.name}</p>
-                <p style={{textWrap: "balance"}}>{game.description}</p>
+                <p style={{['textWrap' as any]: "balance"}}>{game.description}</p>
             </div>
         </Link>
     </>);
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 4e881cf..e1f4a2f 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,4 +1,5 @@
 import "@/styles/globals.css";
+import "@/styles/chocoicon.css";
 import "@fortawesome/fontawesome-free/css/all.min.css"; 
 
 import { type AppType } from "next/dist/shared/lib/utils";
diff --git a/src/styles/chocoicon.css b/src/styles/chocoicon.css
new file mode 100644
index 0000000..5c1d4ac
--- /dev/null
+++ b/src/styles/chocoicon.css
@@ -0,0 +1,67 @@
+/* This webfont is generated by https://fontello.com open source project. */
+
+@font-face {
+  font-family: 'chocoicon';
+  src: url('/chocoicon.woff2?32937208') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'chocoicon';
+    src: url('../font/chocoicon.svg?32937208#chocoicon') format('svg');
+  }
+}
+*/
+[class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "chocoicon";
+  font-style: normal;
+  font-weight: normal;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.icon-kofi:before { content: '\e800'; } /* '' */
+.icon-bandcamp:before { content: '\e801'; } /* '' */
+.icon-x:before { content: '\e802'; } /* '' */
+.icon-github-2:before { content: '\e803'; } /* '' */
+.icon-github-3:before { content: '\e804'; } /* '' */
+.icon-github-face-4:before { content: '\e805'; } /* '' */
+.icon-globe:before { content: '\e806'; } /* '' */
+.icon-buttonhome:before { content: '\e80a'; } /* '' */
+.icon-list-drag-handle-symbolic:before { content: '\e834'; } /* '' */
+.icon-github-face-2:before { content: '\f055'; } /* '' */
+.icon-github:before { content: '\f056'; } /* '' */
+.icon-gamepad:before { content: '\f11b'; } /* '' */
+.icon-paw:before { content: '\f1b0'; } /* '' */
+.icon-github-face:before { content: '\f300'; } /* '' */
+.icon-github-face-3:before { content: '\f308'; } /* '' */
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 52263bf..25a79a5 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -16,4 +16,10 @@ html {
 
 button {
     user-select: none;
+}
+
+/* Can't do inline custom hover colors with Tailwind, sorry */
+.brand-button:hover {
+    color: var(--brandColor, #1DCDFF);
+    text-shadow: 0 1px 4px #0006;
 }
\ No newline at end of file