From 107871cbc02d838a11b27b4a383b9587c89f41df Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 2 Aug 2024 00:35:19 +0000
Subject: [PATCH] Update Lichess.svg - [Skip GitHub Action]

---
 Lichess.svg | 2392 ++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 2182 insertions(+), 210 deletions(-)

diff --git a/Lichess.svg b/Lichess.svg
index 53d740a..63e34c8 100644
--- a/Lichess.svg
+++ b/Lichess.svg
@@ -25,7 +25,7 @@
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                 <path fill-rule="evenodd" d="M10.5 5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm.061 3.073a4 4 0 10-5.123 0 6.004 6.004 0 00-3.431 5.142.75.75 0 001.498.07 4.5 4.5 0 018.99 0 .75.75 0 101.498-.07 6.005 6.005 0 00-3.432-5.142z"/>
                             </svg>
-                            AbdallahMehiz (1162 ELO)
+                            SchachFuechsin (1133 ELO)
                         </div>
                         <div class="field">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
@@ -39,13 +39,13 @@
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                 <path fill-rule="evenodd" d="M4.75 0a.75.75 0 01.75.75V2h5V.75a.75.75 0 011.5 0V2h1.25c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0113.25 16H2.75A1.75 1.75 0 011 14.25V3.75C1 2.784 1.784 2 2.75 2H4V.75A.75.75 0 014.75 0zm0 3.5h8.5a.25.25 0 01.25.25V6h-11V3.75a.25.25 0 01.25-.25h2zm-2.25 4v6.75c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V7.5h-11z"/>
                             </svg>
-                            2024.07.19
+                            2024.08.01
                         </div>
                         <div class="field">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                 <path d="M4.243 4.757a3.757 3.757 0 115.851 3.119 6.006 6.006 0 013.9 5.339.75.75 0 01-.715.784H2.721a.75.75 0 01-.714-.784 6.006 6.006 0 013.9-5.34 3.753 3.753 0 01-1.664-3.118z"/>
                             </svg>
-                            RC_Sav2013 (1238 ELO)
+                            AbdallahMehiz (1163 ELO)
                         </div>
                         <div class="field">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
@@ -369,8 +369,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-4">
-                        <div class="from" style="left: 200px; top: 280px;">♗</div>
-                        <div class="to" style="left: 200px; top: 280px;">♗</div>
+                        <div class="from" style="left: 40px; top: 280px;">♘</div>
+                        <div class="to" style="left: 40px; top: 280px;">♘</div>
                         <style>@keyframes chess-move-4-from {
                     100% {
                       opacity: 1;
@@ -392,9 +392,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 40px;
-                      top: 120px;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 200px;
                     }
                   }
                   .chess-move-4 .to {
@@ -403,13 +403,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-5">
-                        <div class="from" style="left: 120px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 120px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 200px; top: 0px;">♝</div>
+                        <div class="to" style="left: 200px; top: 0px;">♝</div>
                         <style>@keyframes chess-move-5-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-5 .from {
@@ -427,8 +427,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 120px;
-                      top: 80px;
+                      left: 40px;
+                      top: 160px;
                     }
                   }
                   .chess-move-5 .to {
@@ -437,13 +437,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-6">
-                        <div class="from" style="left: 120px; top: 240px;">♙</div>
-                        <div class="to" style="left: 120px; top: 240px;">♙</div>
+                        <div class="from" style="left: 200px; top: 280px;">♗</div>
+                        <div class="to" style="left: 200px; top: 280px;">♗</div>
                         <style>@keyframes chess-move-6-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-6 .from {
@@ -460,8 +460,8 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 120px;
+                      background-color: #ECDAB9;
+                      left: 80px;
                       top: 160px;
                     }
                   }
@@ -471,8 +471,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-7">
-                        <div class="from" style="left: 0px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 0px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 40px; top: 160px;">♝</div>
+                        <div class="to" style="left: 40px; top: 160px;">♝</div>
                         <style>@keyframes chess-move-7-from {
                     100% {
                       opacity: 1;
@@ -494,9 +494,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 0px;
-                      top: 80px;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 200px;
                     }
                   }
                   .chess-move-7 .to {
@@ -505,13 +505,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-8">
-                        <div class="from" style="left: 40px; top: 120px;">♗</div>
-                        <div class="to" style="left: 40px; top: 120px;">♗</div>
+                        <div class="from" style="left: 40px; top: 240px;">♙</div>
+                        <div class="to" style="left: 40px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-8-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-8 .from {
@@ -528,9 +528,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                       left: 80px;
-                      top: 80px;
+                      top: 200px;
                     }
                   }
                   .chess-move-8 .to {
@@ -539,8 +539,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-9">
-                        <div class="from" style="left: 40px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 40px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 240px; top: 0px;">♞</div>
+                        <div class="to" style="left: 240px; top: 0px;">♞</div>
                         <style>@keyframes chess-move-9-from {
                     100% {
                       opacity: 1;
@@ -562,8 +562,8 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 80px;
+                      background-color: #C5A076;
+                      left: 200px;
                       top: 80px;
                     }
                   }
@@ -573,8 +573,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-10">
-                        <div class="from" style="left: 120px; top: 160px;">♙</div>
-                        <div class="to" style="left: 120px; top: 160px;">♙</div>
+                        <div class="from" style="left: 160px; top: 280px;">♔</div>
+                        <div class="to" style="left: 160px; top: 280px;">♔</div>
                         <style>@keyframes chess-move-10-from {
                     100% {
                       opacity: 1;
@@ -596,9 +596,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 120px;
-                      top: 120px;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 280px;
                     }
                   }
                   .chess-move-10 .to {
@@ -607,13 +607,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-11">
-                        <div class="from" style="left: 80px; top: 80px;">♟︎</div>
-                        <div class="to" style="left: 80px; top: 80px;">♟︎</div>
+                        <div class="from" style="left: 200px; top: 80px;">♞</div>
+                        <div class="to" style="left: 200px; top: 80px;">♞</div>
                         <style>@keyframes chess-move-11-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-11 .from {
@@ -631,8 +631,8 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 120px;
-                      top: 120px;
+                      left: 160px;
+                      top: 160px;
                     }
                   }
                   .chess-move-11 .to {
@@ -641,13 +641,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-12">
-                        <div class="from" style="left: 160px; top: 160px;">♙</div>
-                        <div class="to" style="left: 160px; top: 160px;">♙</div>
+                        <div class="from" style="left: 120px; top: 240px;">♙</div>
+                        <div class="to" style="left: 120px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-12-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-12 .from {
@@ -666,7 +666,7 @@
                       opacity: 1;
                       background-color: #ECDAB9;
                       left: 120px;
-                      top: 120px;
+                      top: 200px;
                     }
                   }
                   .chess-move-12 .to {
@@ -675,8 +675,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-13">
-                        <div class="from" style="left: 240px; top: 0px;">♞</div>
-                        <div class="to" style="left: 240px; top: 0px;">♞</div>
+                        <div class="from" style="left: 160px; top: 160px;">♞</div>
+                        <div class="to" style="left: 160px; top: 160px;">♞</div>
                         <style>@keyframes chess-move-13-from {
                     100% {
                       opacity: 1;
@@ -699,8 +699,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 200px;
-                      top: 80px;
+                      left: 80px;
+                      top: 200px;
                     }
                   }
                   .chess-move-13 .to {
@@ -709,13 +709,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-14">
-                        <div class="from" style="left: 80px; top: 280px;">♗</div>
-                        <div class="to" style="left: 80px; top: 280px;">♗</div>
+                        <div class="from" style="left: 120px; top: 280px;">♕</div>
+                        <div class="to" style="left: 120px; top: 280px;">♕</div>
                         <style>@keyframes chess-move-14-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-14 .from {
@@ -733,8 +733,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 240px;
-                      top: 120px;
+                      left: 120px;
+                      top: 240px;
                     }
                   }
                   .chess-move-14 .to {
@@ -743,13 +743,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-15">
-                        <div class="from" style="left: 240px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 240px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 120px; top: 40px;">♟︎</div>
+                        <div class="to" style="left: 120px; top: 40px;">♟︎</div>
                         <style>@keyframes chess-move-15-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-15 .from {
@@ -767,8 +767,8 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 240px;
-                      top: 80px;
+                      left: 120px;
+                      top: 120px;
                     }
                   }
                   .chess-move-15 .to {
@@ -777,8 +777,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-16">
-                        <div class="from" style="left: 40px; top: 280px;">♘</div>
-                        <div class="to" style="left: 40px; top: 280px;">♘</div>
+                        <div class="from" style="left: 80px; top: 160px;">♗</div>
+                        <div class="to" style="left: 80px; top: 160px;">♗</div>
                         <style>@keyframes chess-move-16-from {
                     100% {
                       opacity: 1;
@@ -800,9 +800,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 80px;
-                      top: 200px;
+                      background-color: #ECDAB9;
+                      left: 40px;
+                      top: 120px;
                     }
                   }
                   .chess-move-16 .to {
@@ -811,8 +811,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-17">
-                        <div class="from" style="left: 200px; top: 0px;">♝</div>
-                        <div class="to" style="left: 200px; top: 0px;">♝</div>
+                        <div class="from" style="left: 80px; top: 200px;">♞</div>
+                        <div class="to" style="left: 80px; top: 200px;">♞</div>
                         <style>@keyframes chess-move-17-from {
                     100% {
                       opacity: 1;
@@ -834,9 +834,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 240px;
-                      top: 40px;
+                      background-color: #ECDAB9;
+                      left: 40px;
+                      top: 120px;
                     }
                   }
                   .chess-move-17 .to {
@@ -845,13 +845,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-18">
-                        <div class="from" style="left: 160px; top: 280px;">♔</div>
-                        <div class="to" style="left: 160px; top: 280px;">♔</div>
+                        <div class="from" style="left: 80px; top: 240px;">♙</div>
+                        <div class="to" style="left: 80px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-18-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-18 .from {
@@ -868,9 +868,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 240px;
-                      top: 280px;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 160px;
                     }
                   }
                   .chess-move-18 .to {
@@ -879,8 +879,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-19">
-                        <div class="from" style="left: 160px; top: 0px;">♚</div>
-                        <div class="to" style="left: 160px; top: 0px;">♚</div>
+                        <div class="from" style="left: 120px; top: 120px;">♟︎</div>
+                        <div class="to" style="left: 120px; top: 120px;">♟︎</div>
                         <style>@keyframes chess-move-19-from {
                     100% {
                       opacity: 1;
@@ -903,8 +903,8 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 240px;
-                      top: 0px;
+                      left: 80px;
+                      top: 160px;
                     }
                   }
                   .chess-move-19 .to {
@@ -913,8 +913,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-20">
-                        <div class="from" style="left: 200px; top: 280px;">♖</div>
-                        <div class="to" style="left: 200px; top: 280px;">♖</div>
+                        <div class="from" style="left: 120px; top: 200px;">♙</div>
+                        <div class="to" style="left: 120px; top: 200px;">♙</div>
                         <style>@keyframes chess-move-20-from {
                     100% {
                       opacity: 1;
@@ -936,9 +936,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 160px;
-                      top: 280px;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 160px;
                     }
                   }
                   .chess-move-20 .to {
@@ -947,8 +947,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-21">
-                        <div class="from" style="left: 280px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 280px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 40px; top: 120px;">♞</div>
+                        <div class="to" style="left: 40px; top: 120px;">♞</div>
                         <style>@keyframes chess-move-21-from {
                     100% {
                       opacity: 1;
@@ -971,7 +971,7 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 280px;
+                      left: 120px;
                       top: 80px;
                     }
                   }
@@ -981,13 +981,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-22">
-                        <div class="from" style="left: 240px; top: 120px;">♗</div>
-                        <div class="to" style="left: 240px; top: 120px;">♗</div>
+                        <div class="from" style="left: 80px; top: 160px;">♙</div>
+                        <div class="to" style="left: 80px; top: 160px;">♙</div>
                         <style>@keyframes chess-move-22-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-22 .from {
@@ -1005,8 +1005,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 200px;
-                      top: 80px;
+                      left: 80px;
+                      top: 120px;
                     }
                   }
                   .chess-move-22 .to {
@@ -1015,8 +1015,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-23">
-                        <div class="from" style="left: 120px; top: 0px;">♛</div>
-                        <div class="to" style="left: 120px; top: 0px;">♛</div>
+                        <div class="from" style="left: 120px; top: 80px;">♞</div>
+                        <div class="to" style="left: 120px; top: 80px;">♞</div>
                         <style>@keyframes chess-move-23-from {
                     100% {
                       opacity: 1;
@@ -1038,9 +1038,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 200px;
-                      top: 80px;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 160px;
                     }
                   }
                   .chess-move-23 .to {
@@ -1049,8 +1049,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-24">
-                        <div class="from" style="left: 80px; top: 200px;">♘</div>
-                        <div class="to" style="left: 80px; top: 200px;">♘</div>
+                        <div class="from" style="left: 120px; top: 240px;">♕</div>
+                        <div class="to" style="left: 120px; top: 240px;">♕</div>
                         <style>@keyframes chess-move-24-from {
                     100% {
                       opacity: 1;
@@ -1072,9 +1072,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 160px;
-                      top: 160px;
+                      background-color: #C5A076;
+                      left: 120px;
+                      top: 0px;
                     }
                   }
                   .chess-move-24 .to {
@@ -1083,13 +1083,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-25">
-                        <div class="from" style="left: 200px; top: 80px;">♛</div>
-                        <div class="to" style="left: 200px; top: 80px;">♛</div>
+                        <div class="from" style="left: 160px; top: 0px;">♚</div>
+                        <div class="to" style="left: 160px; top: 0px;">♚</div>
                         <style>@keyframes chess-move-25-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-25 .from {
@@ -1117,8 +1117,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-26">
-                        <div class="from" style="left: 80px; top: 240px;">♙</div>
-                        <div class="to" style="left: 80px; top: 240px;">♙</div>
+                        <div class="from" style="left: 200px; top: 280px;">♖</div>
+                        <div class="to" style="left: 200px; top: 280px;">♖</div>
                         <style>@keyframes chess-move-26-from {
                     100% {
                       opacity: 1;
@@ -1141,8 +1141,8 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 80px;
-                      top: 160px;
+                      left: 120px;
+                      top: 280px;
                     }
                   }
                   .chess-move-26 .to {
@@ -1151,8 +1151,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-27">
-                        <div class="from" style="left: 200px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 200px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 80px; top: 0px;">♝</div>
+                        <div class="to" style="left: 80px; top: 0px;">♝</div>
                         <style>@keyframes chess-move-27-from {
                     100% {
                       opacity: 1;
@@ -1175,8 +1175,8 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 200px;
-                      top: 120px;
+                      left: 120px;
+                      top: 40px;
                     }
                   }
                   .chess-move-27 .to {
@@ -1185,13 +1185,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-28">
-                        <div class="from" style="left: 160px; top: 160px;">♘</div>
-                        <div class="to" style="left: 160px; top: 160px;">♘</div>
+                        <div class="from" style="left: 280px; top: 240px;">♙</div>
+                        <div class="to" style="left: 280px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-28-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-28 .from {
@@ -1208,8 +1208,8 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 80px;
+                      background-color: #ECDAB9;
+                      left: 280px;
                       top: 200px;
                     }
                   }
@@ -1287,13 +1287,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-31">
-                        <div class="from" style="left: 120px; top: 0px;">♛</div>
-                        <div class="to" style="left: 120px; top: 0px;">♛</div>
+                        <div class="from" style="left: 80px; top: 80px;">♞</div>
+                        <div class="to" style="left: 80px; top: 80px;">♞</div>
                         <style>@keyframes chess-move-31-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-31 .from {
@@ -1311,8 +1311,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 240px;
-                      top: 120px;
+                      left: 120px;
+                      top: 160px;
                     }
                   }
                   .chess-move-31 .to {
@@ -1321,13 +1321,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-32">
-                        <div class="from" style="left: 40px; top: 240px;">♙</div>
-                        <div class="to" style="left: 40px; top: 240px;">♙</div>
+                        <div class="from" style="left: 120px; top: 280px;">♖</div>
+                        <div class="to" style="left: 120px; top: 280px;">♖</div>
                         <style>@keyframes chess-move-32-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-32 .from {
@@ -1344,9 +1344,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 40px;
-                      top: 200px;
+                      background-color: #C5A076;
+                      left: 120px;
+                      top: 160px;
                     }
                   }
                   .chess-move-32 .to {
@@ -1355,13 +1355,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-33">
-                        <div class="from" style="left: 80px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 80px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 80px; top: 160px;">♞</div>
+                        <div class="to" style="left: 80px; top: 160px;">♞</div>
                         <style>@keyframes chess-move-33-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-33 .from {
@@ -1379,8 +1379,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 80px;
-                      top: 120px;
+                      left: 0px;
+                      top: 200px;
                     }
                   }
                   .chess-move-33 .to {
@@ -1389,8 +1389,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-34">
-                        <div class="from" style="left: 120px; top: 160px;">♘</div>
-                        <div class="to" style="left: 120px; top: 160px;">♘</div>
+                        <div class="from" style="left: 120px; top: 160px;">♖</div>
+                        <div class="to" style="left: 120px; top: 160px;">♖</div>
                         <style>@keyframes chess-move-34-from {
                     100% {
                       opacity: 1;
@@ -1414,7 +1414,7 @@
                       opacity: 1;
                       background-color: #ECDAB9;
                       left: 160px;
-                      top: 80px;
+                      top: 160px;
                     }
                   }
                   .chess-move-34 .to {
@@ -1423,8 +1423,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-35">
-                        <div class="from" style="left: 80px; top: 0px;">♝</div>
-                        <div class="to" style="left: 80px; top: 0px;">♝</div>
+                        <div class="from" style="left: 120px; top: 40px;">♝</div>
+                        <div class="to" style="left: 120px; top: 40px;">♝</div>
                         <style>@keyframes chess-move-35-from {
                     100% {
                       opacity: 1;
@@ -1447,7 +1447,7 @@
                     100% {
                       opacity: 1;
                       background-color: #ECDAB9;
-                      left: 160px;
+                      left: 80px;
                       top: 80px;
                     }
                   }
@@ -1457,8 +1457,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-36">
-                        <div class="from" style="left: 120px; top: 120px;">♙</div>
-                        <div class="to" style="left: 120px; top: 120px;">♙</div>
+                        <div class="from" style="left: 160px; top: 160px;">♖</div>
+                        <div class="to" style="left: 160px; top: 160px;">♖</div>
                         <style>@keyframes chess-move-36-from {
                     100% {
                       opacity: 1;
@@ -1480,9 +1480,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 160px;
-                      top: 80px;
+                      background-color: #C5A076;
+                      left: 40px;
+                      top: 160px;
                     }
                   }
                   .chess-move-36 .to {
@@ -1491,8 +1491,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-37">
-                        <div class="from" style="left: 240px; top: 40px;">♝</div>
-                        <div class="to" style="left: 240px; top: 40px;">♝</div>
+                        <div class="from" style="left: 0px; top: 200px;">♞</div>
+                        <div class="to" style="left: 0px; top: 200px;">♞</div>
                         <style>@keyframes chess-move-37-from {
                     100% {
                       opacity: 1;
@@ -1514,9 +1514,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                       left: 80px;
-                      top: 200px;
+                      top: 240px;
                     }
                   }
                   .chess-move-37 .to {
@@ -1525,8 +1525,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-38">
-                        <div class="from" style="left: 160px; top: 280px;">♖</div>
-                        <div class="to" style="left: 160px; top: 280px;">♖</div>
+                        <div class="from" style="left: 40px; top: 160px;">♖</div>
+                        <div class="to" style="left: 40px; top: 160px;">♖</div>
                         <style>@keyframes chess-move-38-from {
                     100% {
                       opacity: 1;
@@ -1548,9 +1548,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 160px;
-                      top: 200px;
+                      background-color: #ECDAB9;
+                      left: 40px;
+                      top: 280px;
                     }
                   }
                   .chess-move-38 .to {
@@ -1559,13 +1559,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-39">
-                        <div class="from" style="left: 80px; top: 200px;">♝</div>
-                        <div class="to" style="left: 80px; top: 200px;">♝</div>
+                        <div class="from" style="left: 80px; top: 240px;">♞</div>
+                        <div class="to" style="left: 80px; top: 240px;">♞</div>
                         <style>@keyframes chess-move-39-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-39 .from {
@@ -1593,13 +1593,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-40">
-                        <div class="from" style="left: 160px; top: 200px;">♖</div>
-                        <div class="to" style="left: 160px; top: 200px;">♖</div>
+                        <div class="from" style="left: 40px; top: 280px;">♖</div>
+                        <div class="to" style="left: 40px; top: 280px;">♖</div>
                         <style>@keyframes chess-move-40-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-40 .from {
@@ -1617,8 +1617,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 240px;
-                      top: 200px;
+                      left: 0px;
+                      top: 280px;
                     }
                   }
                   .chess-move-40 .to {
@@ -1627,8 +1627,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-41">
-                        <div class="from" style="left: 240px; top: 120px;">♛</div>
-                        <div class="to" style="left: 240px; top: 120px;">♛</div>
+                        <div class="from" style="left: 280px; top: 0px;">♜</div>
+                        <div class="to" style="left: 280px; top: 0px;">♜</div>
                         <style>@keyframes chess-move-41-from {
                     100% {
                       opacity: 1;
@@ -1650,9 +1650,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 200px;
-                      top: 80px;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 0px;
                     }
                   }
                   .chess-move-41 .to {
@@ -1661,13 +1661,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-42">
-                        <div class="from" style="left: 120px; top: 280px;">♕</div>
-                        <div class="to" style="left: 120px; top: 280px;">♕</div>
+                        <div class="from" style="left: 80px; top: 280px;">♗</div>
+                        <div class="to" style="left: 80px; top: 280px;">♗</div>
                         <style>@keyframes chess-move-42-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-42 .from {
@@ -1685,8 +1685,8 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 120px;
-                      top: 80px;
+                      left: 40px;
+                      top: 240px;
                     }
                   }
                   .chess-move-42 .to {
@@ -1695,8 +1695,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-43">
-                        <div class="from" style="left: 0px; top: 0px;">♜</div>
-                        <div class="to" style="left: 0px; top: 0px;">♜</div>
+                        <div class="from" style="left: 200px; top: 40px;">♟︎</div>
+                        <div class="to" style="left: 200px; top: 40px;">♟︎</div>
                         <style>@keyframes chess-move-43-from {
                     100% {
                       opacity: 1;
@@ -1719,9 +1719,9 @@
                     100% {
                       opacity: 1;
                       background-color: #C5A076;
-                      left: 120px;
-                      top: 0px;
-                    }
+                      left: 200px;
+                      top: 80px;
+                    }
                   }
                   .chess-move-43 .to {
                     animation-name: chess-move-43-to;
@@ -1729,8 +1729,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-44">
-                        <div class="from" style="left: 120px; top: 80px;">♕</div>
-                        <div class="to" style="left: 120px; top: 80px;">♕</div>
+                        <div class="from" style="left: 0px; top: 280px;">♖</div>
+                        <div class="to" style="left: 0px; top: 280px;">♖</div>
                         <style>@keyframes chess-move-44-from {
                     100% {
                       opacity: 1;
@@ -1752,9 +1752,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 200px;
-                      top: 0px;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 280px;
                     }
                   }
                   .chess-move-44 .to {
@@ -1763,13 +1763,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-45">
-                        <div class="from" style="left: 240px; top: 0px;">♚</div>
-                        <div class="to" style="left: 240px; top: 0px;">♚</div>
+                        <div class="from" style="left: 120px; top: 0px;">♚</div>
+                        <div class="to" style="left: 120px; top: 0px;">♚</div>
                         <style>@keyframes chess-move-45-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #ECDAB9;
+                      background-color: #C5A076;
                     }
                   }
                   .chess-move-45 .from {
@@ -1786,8 +1786,8 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 200px;
+                      background-color: #ECDAB9;
+                      left: 80px;
                       top: 0px;
                     }
                   }
@@ -1797,8 +1797,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-46">
-                        <div class="from" style="left: 160px; top: 80px;">♙</div>
-                        <div class="to" style="left: 160px; top: 80px;">♙</div>
+                        <div class="from" style="left: 240px; top: 240px;">♙</div>
+                        <div class="to" style="left: 240px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-46-from {
                     100% {
                       opacity: 1;
@@ -1820,9 +1820,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
-                      left: 160px;
-                      top: 40px;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 160px;
                     }
                   }
                   .chess-move-46 .to {
@@ -1831,13 +1831,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-47">
-                        <div class="from" style="left: 200px; top: 0px;">♚</div>
-                        <div class="to" style="left: 200px; top: 0px;">♚</div>
+                        <div class="from" style="left: 160px; top: 0px;">♜</div>
+                        <div class="to" style="left: 160px; top: 0px;">♜</div>
                         <style>@keyframes chess-move-47-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-47 .from {
@@ -1854,9 +1854,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                       left: 160px;
-                      top: 40px;
+                      top: 240px;
                     }
                   }
                   .chess-move-47 .to {
@@ -1865,8 +1865,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-48">
-                        <div class="from" style="left: 240px; top: 200px;">♖</div>
-                        <div class="to" style="left: 240px; top: 200px;">♖</div>
+                        <div class="from" style="left: 200px; top: 240px;">♙</div>
+                        <div class="to" style="left: 200px; top: 240px;">♙</div>
                         <style>@keyframes chess-move-48-from {
                     100% {
                       opacity: 1;
@@ -1888,9 +1888,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 240px;
-                      top: 80px;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 160px;
                     }
                   }
                   .chess-move-48 .to {
@@ -1899,13 +1899,13 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-49">
-                        <div class="from" style="left: 120px; top: 0px;">♜</div>
-                        <div class="to" style="left: 120px; top: 0px;">♜</div>
+                        <div class="from" style="left: 160px; top: 240px;">♜</div>
+                        <div class="to" style="left: 160px; top: 240px;">♜</div>
                         <style>@keyframes chess-move-49-from {
                     100% {
                       opacity: 1;
                       color: transparent;
-                      background-color: #C5A076;
+                      background-color: #ECDAB9;
                     }
                   }
                   .chess-move-49 .from {
@@ -1922,14 +1922,1986 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 120px;
-                      top: 280px;
+                      background-color: #C5A076;
+                      left: 40px;
+                      top: 240px;
                     }
                   }
                   .chess-move-49 .to {
                     animation-name: chess-move-49-to;
                     animation-delay: 32.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-50">
+                        <div class="from" style="left: 240px; top: 160px;">♙</div>
+                        <div class="to" style="left: 240px; top: 160px;">♙</div>
+                        <style>@keyframes chess-move-50-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-50 .from {
+                    animation-name: chess-move-50-from;
+                    animation-delay: 33s;
+                  }
+
+                  @keyframes chess-move-50-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-50 .to {
+                    animation-name: chess-move-50-to;
+                    animation-delay: 33s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-51">
+                        <div class="from" style="left: 40px; top: 240px;">♜</div>
+                        <div class="to" style="left: 40px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-51-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-51 .from {
+                    animation-name: chess-move-51-from;
+                    animation-delay: 33.599999999999994s;
+                  }
+
+                  @keyframes chess-move-51-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-51 .to {
+                    animation-name: chess-move-51-to;
+                    animation-delay: 33.599999999999994s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-52">
+                        <div class="from" style="left: 240px; top: 280px;">♔</div>
+                        <div class="to" style="left: 240px; top: 280px;">♔</div>
+                        <style>@keyframes chess-move-52-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-52 .from {
+                    animation-name: chess-move-52-from;
+                    animation-delay: 34.2s;
+                  }
+
+                  @keyframes chess-move-52-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-52 .to {
+                    animation-name: chess-move-52-to;
+                    animation-delay: 34.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-53">
+                        <div class="from" style="left: 200px; top: 80px;">♟︎</div>
+                        <div class="to" style="left: 200px; top: 80px;">♟︎</div>
+                        <style>@keyframes chess-move-53-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-53 .from {
+                    animation-name: chess-move-53-from;
+                    animation-delay: 34.8s;
+                  }
+
+                  @keyframes chess-move-53-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-53 .to {
+                    animation-name: chess-move-53-to;
+                    animation-delay: 34.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-54">
+                        <div class="from" style="left: 200px; top: 160px;">♙</div>
+                        <div class="to" style="left: 200px; top: 160px;">♙</div>
+                        <style>@keyframes chess-move-54-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-54 .from {
+                    animation-name: chess-move-54-from;
+                    animation-delay: 35.4s;
+                  }
+
+                  @keyframes chess-move-54-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-54 .to {
+                    animation-name: chess-move-54-to;
+                    animation-delay: 35.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-55">
+                        <div class="from" style="left: 240px; top: 240px;">♜</div>
+                        <div class="to" style="left: 240px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-55-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-55 .from {
+                    animation-name: chess-move-55-from;
+                    animation-delay: 36s;
+                  }
+
+                  @keyframes chess-move-55-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-55 .to {
+                    animation-name: chess-move-55-to;
+                    animation-delay: 36s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-56">
+                        <div class="from" style="left: 200px; top: 280px;">♔</div>
+                        <div class="to" style="left: 200px; top: 280px;">♔</div>
+                        <style>@keyframes chess-move-56-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-56 .from {
+                    animation-name: chess-move-56-from;
+                    animation-delay: 36.6s;
+                  }
+
+                  @keyframes chess-move-56-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-56 .to {
+                    animation-name: chess-move-56-to;
+                    animation-delay: 36.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-57">
+                        <div class="from" style="left: 240px; top: 120px;">♜</div>
+                        <div class="to" style="left: 240px; top: 120px;">♜</div>
+                        <style>@keyframes chess-move-57-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-57 .from {
+                    animation-name: chess-move-57-from;
+                    animation-delay: 37.199999999999996s;
+                  }
+
+                  @keyframes chess-move-57-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-57 .to {
+                    animation-name: chess-move-57-to;
+                    animation-delay: 37.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-58">
+                        <div class="from" style="left: 120px; top: 280px;">♖</div>
+                        <div class="to" style="left: 120px; top: 280px;">♖</div>
+                        <style>@keyframes chess-move-58-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-58 .from {
+                    animation-name: chess-move-58-from;
+                    animation-delay: 37.8s;
+                  }
+
+                  @keyframes chess-move-58-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-58 .to {
+                    animation-name: chess-move-58-to;
+                    animation-delay: 37.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-59">
+                        <div class="from" style="left: 80px; top: 80px;">♝</div>
+                        <div class="to" style="left: 80px; top: 80px;">♝</div>
+                        <style>@keyframes chess-move-59-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-59 .from {
+                    animation-name: chess-move-59-from;
+                    animation-delay: 38.4s;
+                  }
+
+                  @keyframes chess-move-59-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 40px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-59 .to {
+                    animation-name: chess-move-59-to;
+                    animation-delay: 38.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-60">
+                        <div class="from" style="left: 160px; top: 240px;">♔</div>
+                        <div class="to" style="left: 160px; top: 240px;">♔</div>
+                        <style>@keyframes chess-move-60-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-60 .from {
+                    animation-name: chess-move-60-from;
+                    animation-delay: 39s;
+                  }
+
+                  @keyframes chess-move-60-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-60 .to {
+                    animation-name: chess-move-60-to;
+                    animation-delay: 39s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-61">
+                        <div class="from" style="left: 40px; top: 120px;">♝</div>
+                        <div class="to" style="left: 40px; top: 120px;">♝</div>
+                        <style>@keyframes chess-move-61-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-61 .from {
+                    animation-name: chess-move-61-from;
+                    animation-delay: 39.6s;
+                  }
+
+                  @keyframes chess-move-61-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-61 .to {
+                    animation-name: chess-move-61-to;
+                    animation-delay: 39.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-62">
+                        <div class="from" style="left: 160px; top: 280px;">♔</div>
+                        <div class="to" style="left: 160px; top: 280px;">♔</div>
+                        <style>@keyframes chess-move-62-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-62 .from {
+                    animation-name: chess-move-62-from;
+                    animation-delay: 40.199999999999996s;
+                  }
+
+                  @keyframes chess-move-62-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-62 .to {
+                    animation-name: chess-move-62-to;
+                    animation-delay: 40.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-63">
+                        <div class="from" style="left: 80px; top: 0px;">♚</div>
+                        <div class="to" style="left: 80px; top: 0px;">♚</div>
+                        <style>@keyframes chess-move-63-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-63 .from {
+                    animation-name: chess-move-63-from;
+                    animation-delay: 40.8s;
+                  }
+
+                  @keyframes chess-move-63-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-63 .to {
+                    animation-name: chess-move-63-to;
+                    animation-delay: 40.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-64">
+                        <div class="from" style="left: 280px; top: 200px;">♙</div>
+                        <div class="to" style="left: 280px; top: 200px;">♙</div>
+                        <style>@keyframes chess-move-64-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-64 .from {
+                    animation-name: chess-move-64-from;
+                    animation-delay: 41.4s;
+                  }
+
+                  @keyframes chess-move-64-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 280px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-64 .to {
+                    animation-name: chess-move-64-to;
+                    animation-delay: 41.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-65">
+                        <div class="from" style="left: 0px; top: 0px;">♜</div>
+                        <div class="to" style="left: 0px; top: 0px;">♜</div>
+                        <style>@keyframes chess-move-65-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-65 .from {
+                    animation-name: chess-move-65-from;
+                    animation-delay: 42s;
+                  }
+
+                  @keyframes chess-move-65-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-65 .to {
+                    animation-name: chess-move-65-to;
+                    animation-delay: 42s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-66">
+                        <div class="from" style="left: 200px; top: 280px;">♔</div>
+                        <div class="to" style="left: 200px; top: 280px;">♔</div>
+                        <style>@keyframes chess-move-66-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-66 .from {
+                    animation-name: chess-move-66-from;
+                    animation-delay: 42.6s;
+                  }
+
+                  @keyframes chess-move-66-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-66 .to {
+                    animation-name: chess-move-66-to;
+                    animation-delay: 42.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-67">
+                        <div class="from" style="left: 80px; top: 120px;">♜</div>
+                        <div class="to" style="left: 80px; top: 120px;">♜</div>
+                        <style>@keyframes chess-move-67-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-67 .from {
+                    animation-name: chess-move-67-from;
+                    animation-delay: 43.199999999999996s;
+                  }
+
+                  @keyframes chess-move-67-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-67 .to {
+                    animation-name: chess-move-67-to;
+                    animation-delay: 43.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-68">
+                        <div class="from" style="left: 240px; top: 240px;">♔</div>
+                        <div class="to" style="left: 240px; top: 240px;">♔</div>
+                        <style>@keyframes chess-move-68-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-68 .from {
+                    animation-name: chess-move-68-from;
+                    animation-delay: 43.8s;
+                  }
+
+                  @keyframes chess-move-68-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-68 .to {
+                    animation-name: chess-move-68-to;
+                    animation-delay: 43.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-69">
+                        <div class="from" style="left: 200px; top: 0px;">♜</div>
+                        <div class="to" style="left: 200px; top: 0px;">♜</div>
+                        <style>@keyframes chess-move-69-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-69 .from {
+                    animation-name: chess-move-69-from;
+                    animation-delay: 44.4s;
+                  }
+
+                  @keyframes chess-move-69-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-69 .to {
+                    animation-name: chess-move-69-to;
+                    animation-delay: 44.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-70">
+                        <div class="from" style="left: 240px; top: 200px;">♔</div>
+                        <div class="to" style="left: 240px; top: 200px;">♔</div>
+                        <style>@keyframes chess-move-70-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-70 .from {
+                    animation-name: chess-move-70-from;
+                    animation-delay: 45s;
+                  }
+
+                  @keyframes chess-move-70-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-70 .to {
+                    animation-name: chess-move-70-to;
+                    animation-delay: 45s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-71">
+                        <div class="from" style="left: 200px; top: 240px;">♜</div>
+                        <div class="to" style="left: 200px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-71-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-71 .from {
+                    animation-name: chess-move-71-from;
+                    animation-delay: 45.6s;
+                  }
+
+                  @keyframes chess-move-71-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-71 .to {
+                    animation-name: chess-move-71-to;
+                    animation-delay: 45.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-72">
+                        <div class="from" style="left: 240px; top: 160px;">♔</div>
+                        <div class="to" style="left: 240px; top: 160px;">♔</div>
+                        <style>@keyframes chess-move-72-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-72 .from {
+                    animation-name: chess-move-72-from;
+                    animation-delay: 46.199999999999996s;
+                  }
+
+                  @keyframes chess-move-72-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-72 .to {
+                    animation-name: chess-move-72-to;
+                    animation-delay: 46.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-73">
+                        <div class="from" style="left: 80px; top: 240px;">♜</div>
+                        <div class="to" style="left: 80px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-73-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-73 .from {
+                    animation-name: chess-move-73-from;
+                    animation-delay: 46.8s;
+                  }
+
+                  @keyframes chess-move-73-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-73 .to {
+                    animation-name: chess-move-73-to;
+                    animation-delay: 46.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-74">
+                        <div class="from" style="left: 200px; top: 160px;">♔</div>
+                        <div class="to" style="left: 200px; top: 160px;">♔</div>
+                        <style>@keyframes chess-move-74-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-74 .from {
+                    animation-name: chess-move-74-from;
+                    animation-delay: 47.4s;
+                  }
+
+                  @keyframes chess-move-74-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-74 .to {
+                    animation-name: chess-move-74-to;
+                    animation-delay: 47.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-75">
+                        <div class="from" style="left: 80px; top: 160px;">♜</div>
+                        <div class="to" style="left: 80px; top: 160px;">♜</div>
+                        <style>@keyframes chess-move-75-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-75 .from {
+                    animation-name: chess-move-75-from;
+                    animation-delay: 48s;
+                  }
+
+                  @keyframes chess-move-75-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 280px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-75 .to {
+                    animation-name: chess-move-75-to;
+                    animation-delay: 48s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-76">
+                        <div class="from" style="left: 160px; top: 120px;">♔</div>
+                        <div class="to" style="left: 160px; top: 120px;">♔</div>
+                        <style>@keyframes chess-move-76-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-76 .from {
+                    animation-name: chess-move-76-from;
+                    animation-delay: 48.6s;
+                  }
+
+                  @keyframes chess-move-76-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-76 .to {
+                    animation-name: chess-move-76-to;
+                    animation-delay: 48.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-77">
+                        <div class="from" style="left: 240px; top: 40px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 40px;">♟︎</div>
+                        <style>@keyframes chess-move-77-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-77 .from {
+                    animation-name: chess-move-77-from;
+                    animation-delay: 49.199999999999996s;
+                  }
+
+                  @keyframes chess-move-77-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-77 .to {
+                    animation-name: chess-move-77-to;
+                    animation-delay: 49.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-78">
+                        <div class="from" style="left: 200px; top: 120px;">♔</div>
+                        <div class="to" style="left: 200px; top: 120px;">♔</div>
+                        <style>@keyframes chess-move-78-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-78 .from {
+                    animation-name: chess-move-78-from;
+                    animation-delay: 49.8s;
+                  }
+
+                  @keyframes chess-move-78-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-78 .to {
+                    animation-name: chess-move-78-to;
+                    animation-delay: 49.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-79">
+                        <div class="from" style="left: 280px; top: 160px;">♜</div>
+                        <div class="to" style="left: 280px; top: 160px;">♜</div>
+                        <style>@keyframes chess-move-79-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-79 .from {
+                    animation-name: chess-move-79-from;
+                    animation-delay: 50.4s;
+                  }
+
+                  @keyframes chess-move-79-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-79 .to {
+                    animation-name: chess-move-79-to;
+                    animation-delay: 50.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-80">
+                        <div class="from" style="left: 200px; top: 80px;">♔</div>
+                        <div class="to" style="left: 200px; top: 80px;">♔</div>
+                        <style>@keyframes chess-move-80-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-80 .from {
+                    animation-name: chess-move-80-from;
+                    animation-delay: 51s;
+                  }
+
+                  @keyframes chess-move-80-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-80 .to {
+                    animation-name: chess-move-80-to;
+                    animation-delay: 51s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-81">
+                        <div class="from" style="left: 240px; top: 240px;">♜</div>
+                        <div class="to" style="left: 240px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-81-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-81 .from {
+                    animation-name: chess-move-81-from;
+                    animation-delay: 51.6s;
+                  }
+
+                  @keyframes chess-move-81-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-81 .to {
+                    animation-name: chess-move-81-to;
+                    animation-delay: 51.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-82">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-82-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-82 .from {
+                    animation-name: chess-move-82-from;
+                    animation-delay: 52.199999999999996s;
+                  }
+
+                  @keyframes chess-move-82-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 280px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-82 .to {
+                    animation-name: chess-move-82-to;
+                    animation-delay: 52.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-83">
+                        <div class="from" style="left: 160px; top: 240px;">♜</div>
+                        <div class="to" style="left: 160px; top: 240px;">♜</div>
+                        <style>@keyframes chess-move-83-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-83 .from {
+                    animation-name: chess-move-83-from;
+                    animation-delay: 52.8s;
+                  }
+
+                  @keyframes chess-move-83-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-83 .to {
+                    animation-name: chess-move-83-to;
+                    animation-delay: 52.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-84">
+                        <div class="from" style="left: 280px; top: 40px;">♔</div>
+                        <div class="to" style="left: 280px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-84-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-84 .from {
+                    animation-name: chess-move-84-from;
+                    animation-delay: 53.4s;
+                  }
+
+                  @keyframes chess-move-84-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-84 .to {
+                    animation-name: chess-move-84-to;
+                    animation-delay: 53.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-85">
+                        <div class="from" style="left: 120px; top: 40px;">♚</div>
+                        <div class="to" style="left: 120px; top: 40px;">♚</div>
+                        <style>@keyframes chess-move-85-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-85 .from {
+                    animation-name: chess-move-85-from;
+                    animation-delay: 54s;
+                  }
+
+                  @keyframes chess-move-85-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-85 .to {
+                    animation-name: chess-move-85-to;
+                    animation-delay: 54s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-86">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-86-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-86 .from {
+                    animation-name: chess-move-86-from;
+                    animation-delay: 54.6s;
+                  }
+
+                  @keyframes chess-move-86-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 280px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-86 .to {
+                    animation-name: chess-move-86-to;
+                    animation-delay: 54.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-87">
+                        <div class="from" style="left: 240px; top: 80px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 80px;">♟︎</div>
+                        <style>@keyframes chess-move-87-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-87 .from {
+                    animation-name: chess-move-87-from;
+                    animation-delay: 55.199999999999996s;
+                  }
+
+                  @keyframes chess-move-87-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-87 .to {
+                    animation-name: chess-move-87-to;
+                    animation-delay: 55.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-88">
+                        <div class="from" style="left: 280px; top: 40px;">♔</div>
+                        <div class="to" style="left: 280px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-88-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-88 .from {
+                    animation-name: chess-move-88-from;
+                    animation-delay: 55.8s;
+                  }
+
+                  @keyframes chess-move-88-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-88 .to {
+                    animation-name: chess-move-88-to;
+                    animation-delay: 55.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-89">
+                        <div class="from" style="left: 200px; top: 160px;">♜</div>
+                        <div class="to" style="left: 200px; top: 160px;">♜</div>
+                        <style>@keyframes chess-move-89-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-89 .from {
+                    animation-name: chess-move-89-from;
+                    animation-delay: 56.4s;
+                  }
+
+                  @keyframes chess-move-89-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-89 .to {
+                    animation-name: chess-move-89-to;
+                    animation-delay: 56.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-90">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-90-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-90 .from {
+                    animation-name: chess-move-90-from;
+                    animation-delay: 57s;
+                  }
+
+                  @keyframes chess-move-90-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-90 .to {
+                    animation-name: chess-move-90-to;
+                    animation-delay: 57s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-91">
+                        <div class="from" style="left: 160px; top: 80px;">♜</div>
+                        <div class="to" style="left: 160px; top: 80px;">♜</div>
+                        <style>@keyframes chess-move-91-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-91 .from {
+                    animation-name: chess-move-91-from;
+                    animation-delay: 57.6s;
+                  }
+
+                  @keyframes chess-move-91-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-91 .to {
+                    animation-name: chess-move-91-to;
+                    animation-delay: 57.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-92">
+                        <div class="from" style="left: 240px; top: 0px;">♔</div>
+                        <div class="to" style="left: 240px; top: 0px;">♔</div>
+                        <style>@keyframes chess-move-92-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-92 .from {
+                    animation-name: chess-move-92-from;
+                    animation-delay: 58.199999999999996s;
+                  }
+
+                  @keyframes chess-move-92-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 280px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-92 .to {
+                    animation-name: chess-move-92-to;
+                    animation-delay: 58.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-93">
+                        <div class="from" style="left: 240px; top: 80px;">♜</div>
+                        <div class="to" style="left: 240px; top: 80px;">♜</div>
+                        <style>@keyframes chess-move-93-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-93 .from {
+                    animation-name: chess-move-93-from;
+                    animation-delay: 58.8s;
+                  }
+
+                  @keyframes chess-move-93-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-93 .to {
+                    animation-name: chess-move-93-to;
+                    animation-delay: 58.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-94">
+                        <div class="from" style="left: 280px; top: 0px;">♔</div>
+                        <div class="to" style="left: 280px; top: 0px;">♔</div>
+                        <style>@keyframes chess-move-94-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-94 .from {
+                    animation-name: chess-move-94-from;
+                    animation-delay: 59.4s;
+                  }
+
+                  @keyframes chess-move-94-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-94 .to {
+                    animation-name: chess-move-94-to;
+                    animation-delay: 59.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-95">
+                        <div class="from" style="left: 200px; top: 40px;">♜</div>
+                        <div class="to" style="left: 200px; top: 40px;">♜</div>
+                        <style>@keyframes chess-move-95-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-95 .from {
+                    animation-name: chess-move-95-from;
+                    animation-delay: 60s;
+                  }
+
+                  @keyframes chess-move-95-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-95 .to {
+                    animation-name: chess-move-95-to;
+                    animation-delay: 60s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-96">
+                        <div class="from" style="left: 240px; top: 0px;">♔</div>
+                        <div class="to" style="left: 240px; top: 0px;">♔</div>
+                        <style>@keyframes chess-move-96-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-96 .from {
+                    animation-name: chess-move-96-from;
+                    animation-delay: 60.599999999999994s;
+                  }
+
+                  @keyframes chess-move-96-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-96 .to {
+                    animation-name: chess-move-96-to;
+                    animation-delay: 60.599999999999994s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-97">
+                        <div class="from" style="left: 240px; top: 120px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 120px;">♟︎</div>
+                        <style>@keyframes chess-move-97-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-97 .from {
+                    animation-name: chess-move-97-from;
+                    animation-delay: 61.199999999999996s;
+                  }
+
+                  @keyframes chess-move-97-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-97 .to {
+                    animation-name: chess-move-97-to;
+                    animation-delay: 61.199999999999996s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-98">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-98-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-98 .from {
+                    animation-name: chess-move-98-from;
+                    animation-delay: 61.8s;
+                  }
+
+                  @keyframes chess-move-98-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 280px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-98 .to {
+                    animation-name: chess-move-98-to;
+                    animation-delay: 61.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-99">
+                        <div class="from" style="left: 240px; top: 160px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 160px;">♟︎</div>
+                        <style>@keyframes chess-move-99-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-99 .from {
+                    animation-name: chess-move-99-from;
+                    animation-delay: 62.4s;
+                  }
+
+                  @keyframes chess-move-99-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-99 .to {
+                    animation-name: chess-move-99-to;
+                    animation-delay: 62.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-100">
+                        <div class="from" style="left: 280px; top: 40px;">♔</div>
+                        <div class="to" style="left: 280px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-100-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-100 .from {
+                    animation-name: chess-move-100-from;
+                    animation-delay: 63s;
+                  }
+
+                  @keyframes chess-move-100-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-100 .to {
+                    animation-name: chess-move-100-to;
+                    animation-delay: 63s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-101">
+                        <div class="from" style="left: 240px; top: 200px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 200px;">♟︎</div>
+                        <style>@keyframes chess-move-101-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-101 .from {
+                    animation-name: chess-move-101-from;
+                    animation-delay: 63.599999999999994s;
+                  }
+
+                  @keyframes chess-move-101-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-101 .to {
+                    animation-name: chess-move-101-to;
+                    animation-delay: 63.599999999999994s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-102">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-102-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-102 .from {
+                    animation-name: chess-move-102-from;
+                    animation-delay: 64.19999999999999s;
+                  }
+
+                  @keyframes chess-move-102-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 280px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-102 .to {
+                    animation-name: chess-move-102-to;
+                    animation-delay: 64.19999999999999s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-103">
+                        <div class="from" style="left: 160px; top: 40px;">♚</div>
+                        <div class="to" style="left: 160px; top: 40px;">♚</div>
+                        <style>@keyframes chess-move-103-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-103 .from {
+                    animation-name: chess-move-103-from;
+                    animation-delay: 64.8s;
+                  }
+
+                  @keyframes chess-move-103-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-103 .to {
+                    animation-name: chess-move-103-to;
+                    animation-delay: 64.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-104">
+                        <div class="from" style="left: 280px; top: 40px;">♔</div>
+                        <div class="to" style="left: 280px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-104-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-104 .from {
+                    animation-name: chess-move-104-from;
+                    animation-delay: 65.4s;
+                  }
+
+                  @keyframes chess-move-104-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-104 .to {
+                    animation-name: chess-move-104-to;
+                    animation-delay: 65.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-105">
+                        <div class="from" style="left: 240px; top: 240px;">♟︎</div>
+                        <div class="to" style="left: 240px; top: 240px;">♟︎</div>
+                        <style>@keyframes chess-move-105-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-105 .from {
+                    animation-name: chess-move-105-from;
+                    animation-delay: 66s;
+                  }
+
+                  @keyframes chess-move-105-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-105 .to {
+                    animation-name: chess-move-105-to;
+                    animation-delay: 66s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-106">
+                        <div class="from" style="left: 240px; top: 40px;">♔</div>
+                        <div class="to" style="left: 240px; top: 40px;">♔</div>
+                        <style>@keyframes chess-move-106-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-106 .from {
+                    animation-name: chess-move-106-from;
+                    animation-delay: 66.6s;
+                  }
+
+                  @keyframes chess-move-106-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 280px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-106 .to {
+                    animation-name: chess-move-106-to;
+                    animation-delay: 66.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-107">
+                        <div class="from" style="left: 240px; top: 280px;">♛</div>
+                        <div class="to" style="left: 240px; top: 280px;">♛</div>
+                        <style>@keyframes chess-move-107-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-107 .from {
+                    animation-name: chess-move-107-from;
+                    animation-delay: 67.2s;
+                  }
+
+                  @keyframes chess-move-107-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-107 .to {
+                    animation-name: chess-move-107-to;
+                    animation-delay: 67.2s;
                   }</style>
                     </div>
                     <style>.chess-board {
@@ -1963,7 +3935,7 @@
               animation-fill-mode: forwards;
               animation-name: chess-clock;
               animation-delay: 3s;
-              animation-duration: 30s;
+              animation-duration: 64.8s;
               animation-timing-function: linear;
             }
             @keyframes chess-clock {