diff --git a/assets/css/sites.css b/assets/css/sites.css
index 59088db..4a55ab6 100644
--- a/assets/css/sites.css
+++ b/assets/css/sites.css
@@ -5,6 +5,12 @@ Just change the CSS classes in the index.html which are used for links, e.g. lik
 The brands are based on the list of ForkAwesome.
 List is not yet complete.
 */
+
+:root {
+    --darktext: #222222;
+    --lighttext: #f2f5f4;
+}
+
 .fivehundredpx {
     background-color: ;
     color: ;
@@ -12,7 +18,7 @@ List is not yet complete.
 
 .activitypub {
     background-color: rgba(241, 0, 127, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .adn {
@@ -22,102 +28,102 @@ List is not yet complete.
 
 .amazon {
     background-color: rgba(247, 148, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .amazon-music {
     background-color: rgba(0, 130, 199, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .android {
     background-color: rgba(48, 215, 128, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .angellist {
     background-color: rgba(0, 45, 51, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .apple {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .apple-music {
     background-color: rgba(251, 66, 90, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .archive-org {
     background-color: rgba(251, 66, 90, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .archlinux {
     background-color: rgba(22, 142, 202, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .artstation {
     background-color: rgba(19, 168, 233, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .att {
     background-color: rgba(0, 163, 217, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bandcamp {
     background-color: rgba(97, 146, 156, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bandcamp-alt {
     background-color: rgba(29, 160, 195, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .behance {
     background-color: rgba(0, 87, 255, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .behance-alt {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bitbucket {
     background-color: rgba(37, 128, 247, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bitcoin {
     background-color: rgba(235, 140, 42, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .black-tie {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bluetooth {
     background-color: rgba(10, 59, 140, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .boardgamegeek {
     background-color: rgba(255, 81, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .bootstrap {
     background-color: rgba(113, 16, 239, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .buymeacoffee {
@@ -127,28 +133,28 @@ List is not yet complete.
 
 .buysellads {
     background-color: rgba(217, 72, 71, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 
 .paypal {
     background-color: rgba(3, 164, 236, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .paypal-alt {
     background-color: rgba(39, 51, 142, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .stripe {
     background-color: rgba(96, 88, 247, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .chrome {
     background-color: rgba(245, 203, 10, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .classicpress {
@@ -158,7 +164,7 @@ List is not yet complete.
 
 .codepen {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .codiepie {
@@ -178,37 +184,37 @@ List is not yet complete.
 
 .csharp {
     background-color: rgba(157, 116, 213, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .css3 {
     background-color: rgba(40, 98, 233, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .dashcube {
     background-color: rgba(247, 124, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .debian {
     background-color: rgba(208, 7, 78, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .deezer {
     background-color: rgba(245, 162, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .delicious {
     background-color: rgba(25, 115, 230, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .dev-to {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .deviantart {
@@ -218,7 +224,7 @@ List is not yet complete.
 
 .diaspora {
     background-color: rgba(0, 0, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .digg {
@@ -233,7 +239,7 @@ List is not yet complete.
 
 .discord {
     background-color: #5865f2;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 
@@ -254,22 +260,22 @@ List is not yet complete.
 
 .drupal {
     background-color: rgba(41, 164, 217, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .edge {
     background-color: rgba(0, 116, 208, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .ethereum {
     background-color: rgba(95, 122, 227, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .etsy {
     background-color: rgba(219, 100, 0, 0.0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .expeditedssl {
@@ -414,7 +420,7 @@ List is not yet complete.
 
 .git {
     background-color: #ff5500;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .git-square {
@@ -429,7 +435,7 @@ List is not yet complete.
 
 .github {
     background-color: rgba(36, 41, 47, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .github-alt {
@@ -594,7 +600,7 @@ List is not yet complete.
 
 .instagram {
     background-color: #e1306c;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .internet-explorer {
@@ -649,7 +655,7 @@ List is not yet complete.
 
 .ko-fi {
     background-color: rgba(19, 195, 255, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 
@@ -715,12 +721,12 @@ List is not yet complete.
 
 .mastodon {
     background-color: #6364FF;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .matrix-org {
     background-color: #0DBD8B;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .maxcdn {
@@ -865,7 +871,7 @@ List is not yet complete.
 
 .pixelfed {
     background-color: rgba(255, 135, 20, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .pleroma {
@@ -925,7 +931,7 @@ List is not yet complete.
 
 .reddit {
     background-color: rgba(255, 69, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .renren {
@@ -1055,17 +1061,17 @@ List is not yet complete.
 
 .soundcloud {
     background-color: rgba(255, 85, 0, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .spotify {
     background-color: #1ED760;
-    color: #222222;
+    color: var(--darktext);
 }
 
 .spotify-alt {
     background-color: rgba(30, 215, 96, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .ssb {
@@ -1170,12 +1176,12 @@ List is not yet complete.
 
 .twitch {
     background-color: #9146ff;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .twitter {
     background-color: #1DA1F2;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .twitter-square {
@@ -1185,7 +1191,7 @@ List is not yet complete.
 
 .tidal {
     background-color: rgba(16, 16, 18, 0.8);
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .unity {
@@ -1345,7 +1351,7 @@ List is not yet complete.
 
 .youtube {
     background-color: #ff0000;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .youtube-music {
@@ -1360,66 +1366,66 @@ List is not yet complete.
 
 .anilist {
     background-color: #02a9ff;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .pronouns {
     background-color: #c71585;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .elftwinks {
     background-color: #5BCEFA;
-    color: #222222;
+    color: var(--darktext);
 }
 
 .oc {
-    background-color: #f2f5f4;
-    color: #222222;
+    background-color: var(--lighttext);
+    color: var(--darktext);
 }
 
 .Dave {
     background-color: #f5a9b8;
-    color: #222222;
+    color: var(--darktext);
 }
 
 .dalfuss-net {
-    background-color: #f2f5f4;
-    color: #222222;
+    background-color: var(--lighttext);
+    color: var(--darktext);
 }
 
 .tiktok {
-    background-color: #f2f5f4;
-    color: #222222;
+    background-color: var(--lighttext);
+    color: var(--darktext);
 }
 
 .bluesky {
     background-color: #0085FF;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .throne {
     background-color: #1B0B3B;
-    color: #f2f5f4;
+    color: var(--lighttext);
 }
 
 .references {
     background: linear-gradient(140deg, #f5a9b8 0%, #f5bbc6 13%, #f5cdd4 25%, #f3dee2 38%, #f0f0f0 50%, #dee5eb 63%, #ccdae6 75%, #bad0e0 88%, #a8c5db 100%);
-    color: #222222;
+    color: var(--darktext);
 }
 
 .credit {
     background: linear-gradient(160deg, #e8f4e8 0%, #d8ecd8 25%, #c8e4c8 50%, #b8dcb8 75%, #a8d4a8 100%);
-    color: #222222;
+    color: var(--darktext);
 }
 
 .colours{
     background: linear-gradient(135deg, #ffadad 0%, #ffd6a5 13%, #fdffb6 25%, #caffbf 38%, #9bf6ff 50%, #a0c4ff 63%, #bdb2ff 75%, #ffc6ff 100%);
-    color: #222222;
+    color: var(--darktext);
 }
 
 .daki {
-    color: #222222;
+    color: var(--darktext);
     background: linear-gradient(220deg, #f8b4c4, #f0e6a8, #b8e8c8, #a8d8f0, #d4b8f0);
     background-size: 1000% 1000%;
 
@@ -1429,6 +1435,11 @@ List is not yet complete.
     animation: AnimationName 5s ease infinite;
 }
 
+.pokatan {
+    background-color: #73BB09;
+    color: var(--darktext);
+}
+
 @-webkit-keyframes AnimationName {
     0%{background-position:0% 50%}
     50%{background-position:100% 51%}
diff --git a/index.html b/index.html
index 6613291..e823b2c 100644
--- a/index.html
+++ b/index.html
@@ -147,6 +147,16 @@
                 </a>
             </div>
 
+            <div class="page-item-wrap relative">
+                <a target="_blank" class="page-item-each py-10 flex-both-center pokatan" href="https://11tw.ink/pokatan">
+                    <svg class="link-each-image">
+                        <use href="#svg-pokatan"></use>
+                    </svg>
+
+                    <span class="item-title text-center">Pokatan</span>
+                </a>
+            </div>
+
             <div class="page-item-wrap relative">
                 <a target="_blank" class="page-item-each py-10 flex-both-center throne" href="https://11tw.ink/wishlist">
                     <svg class="link-each-image">
@@ -421,6 +431,10 @@
             </g>
         </symbol>
 
+        <symbol id="svg-pokatan" viewBox="44.22 45.42 122.1 175.63">
+            <g style="fill-opacity:1;stroke:none;stroke-opacity:1;--darkreader-inline-fill:var(--darkreader-text-000000, #e8e6e3);--darkreader-inline-stroke:none"><path d="M44.558 193.154c-9.578-16.946-11.99-50.594-11.99-50.594 22.89-13.536 52.295-12.802 52.295-12.802s29.406-.734 52.296 12.802c0 0-2.412 33.648-11.99 50.594-10.8 19.11-40.303 19.515-40.306 27.46-.002-7.945-29.505-8.35-40.305-27.46" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661987px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-c07d55, #c58863);--darkreader-inline-stroke:none" transform="translate(20.137 .417)"/><path d="M27.154 143.054C8.022 83.034 84.864 85.07 84.864 85.07s76.841-2.035 57.709 57.984c0 0-19.275-15.902-57.71-15.902-38.434 0-57.709 15.902-57.709 15.902" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661987px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;--darkreader-inline-fill:var(--darkreader-text-9b5219, #e69f67);--darkreader-inline-stroke:none" transform="translate(20.137 .417)"/></g><path d="M107.576 83.592c-1.87-22.051-11.096-36.276-28.674-21.109 12.37.463 23.257 4.329 24.616 21.125Z" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661988px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-9b5219, #e69f67);--darkreader-inline-stroke:none"/><path d="M103.366 60.43c24.79-29.373 62.925-6.587 62.925-6.587s-26.259 26.703-62.925 6.587" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661988px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-75bf0a, #aff549);--darkreader-inline-stroke:none"/></svg>
+        </symbol>
+
 
     </svg>