diff --git a/frontend/src/assets/styles/index.css b/frontend/src/assets/styles/index.css index 1c7a5c9..ffdd81d 100644 --- a/frontend/src/assets/styles/index.css +++ b/frontend/src/assets/styles/index.css @@ -39,16 +39,6 @@ } } -.agog-text { - background: linear-gradient(to right, #60A5FA, #8B5CF6, #EC4899, #FACC15); - background-clip: text; -} - -.agog-text:hover { - background: white; - transition: ease; -} - /* :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; diff --git a/frontend/src/components/Layout/Name.tsx b/frontend/src/components/Layout/Name.tsx index e022956..2c8f095 100644 --- a/frontend/src/components/Layout/Name.tsx +++ b/frontend/src/components/Layout/Name.tsx @@ -1,10 +1,11 @@ const Name = () => { return ( -
- - AGOG + - ) -} + ); +}; -export default Name; \ No newline at end of file +export default Name; diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 559b7bf..3fc87bc 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -6,7 +6,22 @@ export default { ], theme: { extend: { + keyframes: { + agog: { + "0%": { backgroundPosition: "0% 50%" }, + "100%": { backgroundPosition: "100% 50%" }, + }, + }, + + animation: { + agog: "agog 6s linear infinite", + }, + + backgroundImage: { + agog: "linear-gradient(to right, #60A5FA, #8B5CF6, #EC4899, #FACC15,#60A5FA, #8B5CF6, #EC4899, #FACC15)", + }, }, }, - plugins: [], -} \ No newline at end of file + plugins: [ + ], +}; \ No newline at end of file