diff --git a/Lichess.svg b/Lichess.svg
index f8b4331..826d243 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 (1159 ELO)
+                            AbdallahMehiz (1203 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.08.22
+                            2024.08.27
                         </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>
-                            PolishPowerTB (1133 ELO)
+                            Burak2096 (1189 ELO)
                         </div>
                         <div class="field">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
@@ -267,8 +267,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-1">
-                        <div class="from" style="left: 80px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 80px; top: 40px;">♟︎</div>
+                        <div class="from" style="left: 160px; top: 40px;">♟︎</div>
+                        <div class="to" style="left: 160px; top: 40px;">♟︎</div>
                         <style>@keyframes chess-move-1-from {
                     100% {
                       opacity: 1;
@@ -290,9 +290,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 80px;
-                      top: 80px;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
                     }
                   }
                   .chess-move-1 .to {
@@ -335,8 +335,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-3">
-                        <div class="from" style="left: 120px; top: 40px;">♟︎</div>
-                        <div class="to" style="left: 120px; 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-3-from {
                     100% {
                       opacity: 1;
@@ -358,9 +358,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 120px;
-                      top: 120px;
+                      background-color: #C5A076;
+                      left: 200px;
+                      top: 80px;
                     }
                   }
                   .chess-move-3 .to {
@@ -369,8 +369,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-4">
-                        <div class="from" style="left: 160px; top: 160px;">♙</div>
-                        <div class="to" style="left: 160px; top: 160px;">♙</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: 120px;
-                      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: 80px; top: 80px;">♟︎</div>
-                        <div class="to" style="left: 80px; top: 80px;">♟︎</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 {
@@ -426,8 +426,8 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 120px;
+                      background-color: #C5A076;
+                      left: 80px;
                       top: 120px;
                     }
                   }
@@ -437,8 +437,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-6">
-                        <div class="from" style="left: 200px; top: 280px;">♗</div>
-                        <div class="to" style="left: 200px; top: 280px;">♗</div>
+                        <div class="from" style="left: 200px; top: 200px;">♘</div>
+                        <div class="to" style="left: 200px; top: 200px;">♘</div>
                         <style>@keyframes chess-move-6-from {
                     100% {
                       opacity: 1;
@@ -460,9 +460,9 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 120px;
-                      top: 200px;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
                     }
                   }
                   .chess-move-6 .to {
@@ -471,8 +471,8 @@
                   }</style>
                     </div>
                     <div class="chess-move chess-move-7">
-                        <div class="from" style="left: 40px; top: 0px;">♞</div>
-                        <div class="to" style="left: 40px; 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-7-from {
                     100% {
                       opacity: 1;
@@ -494,14 +494,1136 @@
                     }
                     100% {
                       opacity: 1;
-                      background-color: #ECDAB9;
-                      left: 80px;
-                      top: 80px;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 40px;
                     }
                   }
                   .chess-move-7 .to {
                     animation-name: chess-move-7-to;
                     animation-delay: 7.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-8">
+                        <div class="from" style="left: 160px; top: 120px;">♘</div>
+                        <div class="to" style="left: 160px; top: 120px;">♘</div>
+                        <style>@keyframes chess-move-8-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-8 .from {
+                    animation-name: chess-move-8-from;
+                    animation-delay: 7.8s;
+                  }
+
+                  @keyframes chess-move-8-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 200px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-8 .to {
+                    animation-name: chess-move-8-to;
+                    animation-delay: 7.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-9">
+                        <div class="from" style="left: 200px; top: 80px;">♞</div>
+                        <div class="to" style="left: 200px; top: 80px;">♞</div>
+                        <style>@keyframes chess-move-9-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-9 .from {
+                    animation-name: chess-move-9-from;
+                    animation-delay: 8.399999999999999s;
+                  }
+
+                  @keyframes chess-move-9-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-9 .to {
+                    animation-name: chess-move-9-to;
+                    animation-delay: 8.399999999999999s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-10">
+                        <div class="from" style="left: 120px; top: 240px;">♙</div>
+                        <div class="to" style="left: 120px; top: 240px;">♙</div>
+                        <style>@keyframes chess-move-10-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-10 .from {
+                    animation-name: chess-move-10-from;
+                    animation-delay: 9s;
+                  }
+
+                  @keyframes chess-move-10-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 120px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-10 .to {
+                    animation-name: chess-move-10-to;
+                    animation-delay: 9s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-11">
+                        <div class="from" style="left: 40px; top: 0px;">♞</div>
+                        <div class="to" style="left: 40px; top: 0px;">♞</div>
+                        <style>@keyframes chess-move-11-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-11 .from {
+                    animation-name: chess-move-11-from;
+                    animation-delay: 9.6s;
+                  }
+
+                  @keyframes chess-move-11-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-11 .to {
+                    animation-name: chess-move-11-to;
+                    animation-delay: 9.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-12">
+                        <div class="from" style="left: 80px; top: 280px;">♗</div>
+                        <div class="to" style="left: 80px; top: 280px;">♗</div>
+                        <style>@keyframes chess-move-12-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-12 .from {
+                    animation-name: chess-move-12-from;
+                    animation-delay: 10.2s;
+                  }
+
+                  @keyframes chess-move-12-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-12 .to {
+                    animation-name: chess-move-12-to;
+                    animation-delay: 10.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-13">
+                        <div class="from" style="left: 80px; top: 80px;">♞</div>
+                        <div class="to" style="left: 80px; top: 80px;">♞</div>
+                        <style>@keyframes chess-move-13-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-13 .from {
+                    animation-name: chess-move-13-from;
+                    animation-delay: 10.8s;
+                  }
+
+                  @keyframes chess-move-13-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 40px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-13 .to {
+                    animation-name: chess-move-13-to;
+                    animation-delay: 10.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-14">
+                        <div class="from" style="left: 0px; top: 240px;">♙</div>
+                        <div class="to" style="left: 0px; top: 240px;">♙</div>
+                        <style>@keyframes chess-move-14-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-14 .from {
+                    animation-name: chess-move-14-from;
+                    animation-delay: 11.4s;
+                  }
+
+                  @keyframes chess-move-14-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 0px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-14 .to {
+                    animation-name: chess-move-14-to;
+                    animation-delay: 11.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-15">
+                        <div class="from" style="left: 40px; top: 160px;">♞</div>
+                        <div class="to" style="left: 40px; top: 160px;">♞</div>
+                        <style>@keyframes chess-move-15-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-15 .from {
+                    animation-name: chess-move-15-from;
+                    animation-delay: 12s;
+                  }
+
+                  @keyframes chess-move-15-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-15 .to {
+                    animation-name: chess-move-15-to;
+                    animation-delay: 12s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-16">
+                        <div class="from" style="left: 120px; top: 160px;">♙</div>
+                        <div class="to" style="left: 120px; top: 160px;">♙</div>
+                        <style>@keyframes chess-move-16-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-16 .from {
+                    animation-name: chess-move-16-from;
+                    animation-delay: 12.6s;
+                  }
+
+                  @keyframes chess-move-16-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-16 .to {
+                    animation-name: chess-move-16-to;
+                    animation-delay: 12.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-17">
+                        <div class="from" style="left: 80px; top: 80px;">♞</div>
+                        <div class="to" style="left: 80px; top: 80px;">♞</div>
+                        <style>@keyframes chess-move-17-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-17 .from {
+                    animation-name: chess-move-17-from;
+                    animation-delay: 13.2s;
+                  }
+
+                  @keyframes chess-move-17-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-17 .to {
+                    animation-name: chess-move-17-to;
+                    animation-delay: 13.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-18">
+                        <div class="from" style="left: 200px; top: 200px;">♘</div>
+                        <div class="to" style="left: 200px; top: 200px;">♘</div>
+                        <style>@keyframes chess-move-18-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-18 .from {
+                    animation-name: chess-move-18-from;
+                    animation-delay: 13.799999999999999s;
+                  }
+
+                  @keyframes chess-move-18-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-18 .to {
+                    animation-name: chess-move-18-to;
+                    animation-delay: 13.799999999999999s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-19">
+                        <div class="from" style="left: 160px; top: 40px;">♛</div>
+                        <div class="to" style="left: 160px; top: 40px;">♛</div>
+                        <style>@keyframes chess-move-19-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-19 .from {
+                    animation-name: chess-move-19-from;
+                    animation-delay: 14.4s;
+                  }
+
+                  @keyframes chess-move-19-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-19 .to {
+                    animation-name: chess-move-19-to;
+                    animation-delay: 14.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-20">
+                        <div class="from" style="left: 80px; top: 200px;">♘</div>
+                        <div class="to" style="left: 80px; top: 200px;">♘</div>
+                        <style>@keyframes chess-move-20-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-20 .from {
+                    animation-name: chess-move-20-from;
+                    animation-delay: 15s;
+                  }
+
+                  @keyframes chess-move-20-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-20 .to {
+                    animation-name: chess-move-20-to;
+                    animation-delay: 15s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-21">
+                        <div class="from" style="left: 240px; top: 160px;">♞</div>
+                        <div class="to" style="left: 240px; top: 160px;">♞</div>
+                        <style>@keyframes chess-move-21-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-21 .from {
+                    animation-name: chess-move-21-from;
+                    animation-delay: 15.6s;
+                  }
+
+                  @keyframes chess-move-21-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-21 .to {
+                    animation-name: chess-move-21-to;
+                    animation-delay: 15.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-22">
+                        <div class="from" style="left: 120px; top: 120px;">♘</div>
+                        <div class="to" style="left: 120px; top: 120px;">♘</div>
+                        <style>@keyframes chess-move-22-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-22 .from {
+                    animation-name: chess-move-22-from;
+                    animation-delay: 16.2s;
+                  }
+
+                  @keyframes chess-move-22-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-22 .to {
+                    animation-name: chess-move-22-to;
+                    animation-delay: 16.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-23">
+                        <div class="from" style="left: 160px; top: 120px;">♛</div>
+                        <div class="to" style="left: 160px; top: 120px;">♛</div>
+                        <style>@keyframes chess-move-23-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-23 .from {
+                    animation-name: chess-move-23-from;
+                    animation-delay: 16.799999999999997s;
+                  }
+
+                  @keyframes chess-move-23-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-23 .to {
+                    animation-name: chess-move-23-to;
+                    animation-delay: 16.799999999999997s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-24">
+                        <div class="from" style="left: 120px; top: 280px;">♕</div>
+                        <div class="to" style="left: 120px; top: 280px;">♕</div>
+                        <style>@keyframes chess-move-24-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-24 .from {
+                    animation-name: chess-move-24-from;
+                    animation-delay: 17.4s;
+                  }
+
+                  @keyframes chess-move-24-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-24 .to {
+                    animation-name: chess-move-24-to;
+                    animation-delay: 17.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-25">
+                        <div class="from" style="left: 160px; top: 160px;">♛</div>
+                        <div class="to" style="left: 160px; top: 160px;">♛</div>
+                        <style>@keyframes chess-move-25-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-25 .from {
+                    animation-name: chess-move-25-from;
+                    animation-delay: 18s;
+                  }
+
+                  @keyframes chess-move-25-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-25 .to {
+                    animation-name: chess-move-25-to;
+                    animation-delay: 18s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-26">
+                        <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;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-26 .from {
+                    animation-name: chess-move-26-from;
+                    animation-delay: 18.6s;
+                  }
+
+                  @keyframes chess-move-26-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 160px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-26 .to {
+                    animation-name: chess-move-26-to;
+                    animation-delay: 18.6s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-27">
+                        <div class="from" style="left: 160px; top: 120px;">♛</div>
+                        <div class="to" style="left: 160px; top: 120px;">♛</div>
+                        <style>@keyframes chess-move-27-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-27 .from {
+                    animation-name: chess-move-27-from;
+                    animation-delay: 19.2s;
+                  }
+
+                  @keyframes chess-move-27-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 40px;
+                      top: 240px;
+                    }
+                  }
+                  .chess-move-27 .to {
+                    animation-name: chess-move-27-to;
+                    animation-delay: 19.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-28">
+                        <div class="from" style="left: 160px; top: 280px;">♔</div>
+                        <div class="to" style="left: 160px; top: 280px;">♔</div>
+                        <style>@keyframes chess-move-28-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-28 .from {
+                    animation-name: chess-move-28-from;
+                    animation-delay: 19.8s;
+                  }
+
+                  @keyframes chess-move-28-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 240px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-28 .to {
+                    animation-name: chess-move-28-to;
+                    animation-delay: 19.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-29">
+                        <div class="from" style="left: 40px; top: 240px;">♛</div>
+                        <div class="to" style="left: 40px; top: 240px;">♛</div>
+                        <style>@keyframes chess-move-29-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-29 .from {
+                    animation-name: chess-move-29-from;
+                    animation-delay: 20.4s;
+                  }
+
+                  @keyframes chess-move-29-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-29 .to {
+                    animation-name: chess-move-29-to;
+                    animation-delay: 20.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-30">
+                        <div class="from" style="left: 160px; top: 200px;">♘</div>
+                        <div class="to" style="left: 160px; top: 200px;">♘</div>
+                        <style>@keyframes chess-move-30-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-30 .from {
+                    animation-name: chess-move-30-from;
+                    animation-delay: 21s;
+                  }
+
+                  @keyframes chess-move-30-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-30 .to {
+                    animation-name: chess-move-30-to;
+                    animation-delay: 21s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-31">
+                        <div class="from" style="left: 80px; top: 40px;">♟︎</div>
+                        <div class="to" style="left: 80px; top: 40px;">♟︎</div>
+                        <style>@keyframes chess-move-31-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-31 .from {
+                    animation-name: chess-move-31-from;
+                    animation-delay: 21.599999999999998s;
+                  }
+
+                  @keyframes chess-move-31-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 80px;
+                      top: 80px;
+                    }
+                  }
+                  .chess-move-31 .to {
+                    animation-name: chess-move-31-to;
+                    animation-delay: 21.599999999999998s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-32">
+                        <div class="from" style="left: 120px; top: 120px;">♘</div>
+                        <div class="to" style="left: 120px; top: 120px;">♘</div>
+                        <style>@keyframes chess-move-32-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-32 .from {
+                    animation-name: chess-move-32-from;
+                    animation-delay: 22.2s;
+                  }
+
+                  @keyframes chess-move-32-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 200px;
+                    }
+                  }
+                  .chess-move-32 .to {
+                    animation-name: chess-move-32-to;
+                    animation-delay: 22.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-33">
+                        <div class="from" style="left: 160px; top: 120px;">♛</div>
+                        <div class="to" style="left: 160px; top: 120px;">♛</div>
+                        <style>@keyframes chess-move-33-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-33 .from {
+                    animation-name: chess-move-33-from;
+                    animation-delay: 22.8s;
+                  }
+
+                  @keyframes chess-move-33-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 80px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-33 .to {
+                    animation-name: chess-move-33-to;
+                    animation-delay: 22.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-34">
+                        <div class="from" style="left: 160px; top: 240px;">♗</div>
+                        <div class="to" style="left: 160px; top: 240px;">♗</div>
+                        <style>@keyframes chess-move-34-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-34 .from {
+                    animation-name: chess-move-34-from;
+                    animation-delay: 23.4s;
+                  }
+
+                  @keyframes chess-move-34-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 160px;
+                    }
+                  }
+                  .chess-move-34 .to {
+                    animation-name: chess-move-34-to;
+                    animation-delay: 23.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-35">
+                        <div class="from" style="left: 160px; top: 0px;">♚</div>
+                        <div class="to" style="left: 160px; top: 0px;">♚</div>
+                        <style>@keyframes chess-move-35-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-35 .from {
+                    animation-name: chess-move-35-from;
+                    animation-delay: 24s;
+                  }
+
+                  @keyframes chess-move-35-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 240px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-35 .to {
+                    animation-name: chess-move-35-to;
+                    animation-delay: 24s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-36">
+                        <div class="from" style="left: 240px; top: 160px;">♗</div>
+                        <div class="to" style="left: 240px; top: 160px;">♗</div>
+                        <style>@keyframes chess-move-36-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-36 .from {
+                    animation-name: chess-move-36-from;
+                    animation-delay: 24.599999999999998s;
+                  }
+
+                  @keyframes chess-move-36-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-36 .to {
+                    animation-name: chess-move-36-to;
+                    animation-delay: 24.599999999999998s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-37">
+                        <div class="from" style="left: 200px; top: 0px;">♜</div>
+                        <div class="to" style="left: 200px; top: 0px;">♜</div>
+                        <style>@keyframes chess-move-37-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-37 .from {
+                    animation-name: chess-move-37-from;
+                    animation-delay: 25.2s;
+                  }
+
+                  @keyframes chess-move-37-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 120px;
+                      top: 0px;
+                    }
+                  }
+                  .chess-move-37 .to {
+                    animation-name: chess-move-37-to;
+                    animation-delay: 25.2s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-38">
+                        <div class="from" style="left: 200px; top: 280px;">♖</div>
+                        <div class="to" style="left: 200px; top: 280px;">♖</div>
+                        <style>@keyframes chess-move-38-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-38 .from {
+                    animation-name: chess-move-38-from;
+                    animation-delay: 25.8s;
+                  }
+
+                  @keyframes chess-move-38-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 280px;
+                    }
+                  }
+                  .chess-move-38 .to {
+                    animation-name: chess-move-38-to;
+                    animation-delay: 25.8s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-39">
+                        <div class="from" style="left: 80px; top: 0px;">♝</div>
+                        <div class="to" style="left: 80px; top: 0px;">♝</div>
+                        <style>@keyframes chess-move-39-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #ECDAB9;
+                    }
+                  }
+                  .chess-move-39 .from {
+                    animation-name: chess-move-39-from;
+                    animation-delay: 26.4s;
+                  }
+
+                  @keyframes chess-move-39-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #ECDAB9;
+                      left: 120px;
+                      top: 40px;
+                    }
+                  }
+                  .chess-move-39 .to {
+                    animation-name: chess-move-39-to;
+                    animation-delay: 26.4s;
+                  }</style>
+                    </div>
+                    <div class="chess-move chess-move-40">
+                        <div class="from" style="left: 160px; top: 280px;">♖</div>
+                        <div class="to" style="left: 160px; top: 280px;">♖</div>
+                        <style>@keyframes chess-move-40-from {
+                    100% {
+                      opacity: 1;
+                      color: transparent;
+                      background-color: #C5A076;
+                    }
+                  }
+                  .chess-move-40 .from {
+                    animation-name: chess-move-40-from;
+                    animation-delay: 27s;
+                  }
+
+                  @keyframes chess-move-40-to {
+                    1% {
+                      opacity: 1;
+                    }
+                    99% {
+                      background-color: transparent;
+                    }
+                    100% {
+                      opacity: 1;
+                      background-color: #C5A076;
+                      left: 160px;
+                      top: 120px;
+                    }
+                  }
+                  .chess-move-40 .to {
+                    animation-name: chess-move-40-to;
+                    animation-delay: 27s;
                   }</style>
                     </div>
                     <style>.chess-board {
@@ -535,7 +1657,7 @@
               animation-fill-mode: forwards;
               animation-name: chess-clock;
               animation-delay: 3s;
-              animation-duration: 4.8s;
+              animation-duration: 24.599999999999998s;
               animation-timing-function: linear;
             }
             @keyframes chess-clock {