From bac8da1b51236948209c801c70aa40936616679e Mon Sep 17 00:00:00 2001
From: Brian Vaughn <brian.david.vaughn@gmail.com>
Date: Tue, 4 Jun 2024 14:05:27 -0400
Subject: [PATCH] Remove animations

---
 components/TicTacToe.tsx |  2 +-
 styles/globals.css       | 15 ++-------------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/components/TicTacToe.tsx b/components/TicTacToe.tsx
index b6d9804..851c9e5 100644
--- a/components/TicTacToe.tsx
+++ b/components/TicTacToe.tsx
@@ -216,7 +216,7 @@ const TicTacToe: React.FC = () => {
       <div className="relative w-64 ml-8 text-left">
         {showMessage && (
           <div className="message-box">
-            <div className="mb-4 text-2xl font-bold animated-gradient-text">
+            <div className="mb-4 text-2xl font-bold gradient-text">
               {header}
             </div>
             <p className="text-xl">{message}</p>
diff --git a/styles/globals.css b/styles/globals.css
index 7a38d06..ac76c9b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -32,10 +32,6 @@ a {
   text-decoration: underline;
 }
 
-.box.animate {
-  animation: bg-spin 3s linear infinite;
-}
-
 @keyframes gradient-flow {
   0% {
     background-position: 0% 50%;
@@ -55,7 +51,6 @@ a {
   color: white;
   background: linear-gradient(90deg, #ff6a00, #ee0979, #ff6a00);
   background-size: 200% 200%;
-  animation: gradient-flow 6s ease infinite;
   border: none;
   border-radius: 64px;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@@ -64,26 +59,24 @@ a {
   transition: opacity 0.5s ease-in-out;
 }
 
-.animated-gradient-text {
+.gradient-text {
   background: linear-gradient(90deg, #ff6a00, #ee0979, #ff6a00);
   background-size: 200% 200%;
   color: transparent;
   -webkit-background-clip: text;
   background-clip: text;
-  animation: gradient-flow 4s ease infinite;
 }
 
 .success-color {
   color: #ee0979;
 }
 
-.animated-gradient-text-2 {
+.gradient-text-2 {
   background: linear-gradient(90deg, #0077b6, #0096c7, #00b4d8, #030ea3);
   background-size: 200% 200%;
   color: transparent;
   -webkit-background-clip: text;
   background-clip: text;
-  animation: gradient-flow 4s ease infinite;
   font-weight: medium;
 }
 
@@ -119,7 +112,3 @@ a {
     transform: translateY(0);
   }
 }
-
-.animated-entrance {
-  animation: fadeInUp 0.5s ease-out forwards;
-}