diff --git a/games.html b/games.html
index e6b21ad..80ce4e4 100644
--- a/games.html
+++ b/games.html
@@ -41,16 +41,23 @@
 body {
   display: grid;
   place-content: center;
+}
+.slide-in {
+  animation:
+    var(--animation-fade-in) forwards,
+    var(--animation-slide-in-up);
+  animation-timing-function: var(--ease-elastic-in-out-3);
+  animation-duration: 3s;
 }
   </style>
   <main>
     <h2>Shooting / Fighting Games</h2>
-    <div class="card">
+    <div class="card slide-in">
       <img src="/BoredomGames/Main/img/1v1lolimg.jpeg" alt="Card image cap">
       <h5 class="center">1v1 lol</h5>
       <a class="center" href="/BoredomGames/Main/Games/1v1 lol/1v1.lol-main/1v1.lol/index.htm">Play</a>
     </div>
-    <div class="card">
+    <div class="card slide-in">
       <img src="/BoredomGames/Main/img/evilglitchimg.jpeg" alt="Card image cap">
       <h5 class="center">Evil Glitch</h5>
       <a class="center" href="/BoredomGames/Main/Games/Evilglitch/Evilglitch.html">Play</a>