diff options
| -rw-r--r-- | frontend/app/routes/_index.tsx | 8 | ||||
| -rw-r--r-- | frontend/app/tailwind.css | 4 |
2 files changed, 8 insertions, 4 deletions
diff --git a/frontend/app/routes/_index.tsx b/frontend/app/routes/_index.tsx index 02ce558..58e4e53 100644 --- a/frontend/app/routes/_index.tsx +++ b/frontend/app/routes/_index.tsx @@ -15,15 +15,15 @@ export async function loader({ request }: LoaderFunctionArgs) { export default function Index() { return ( - <div className="min-h-screen bg-sky-600 flex flex-col items-center justify-center gap-y-6"> + <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6"> <img src={`${BASE_PATH}logo.svg`} alt="iOSDC Japan 2025" - className="w-64 h-64" + className="w-96 h-auto" /> <div className="text-center"> - <div className="font-bold text-sky-50 flex flex-col gap-y-2"> - <div className="text-5xl">SWIFT CODE BATTLE</div> + <div className="font-bold text-transparent bg-clip-text bg-iosdc-japan"> + <div className="text-6xl">Swift Code Battle</div> </div> </div> <div className="mx-2"> diff --git a/frontend/app/tailwind.css b/frontend/app/tailwind.css index 9e56140..1151645 100644 --- a/frontend/app/tailwind.css +++ b/frontend/app/tailwind.css @@ -3,3 +3,7 @@ @theme { --text-10xl: 16rem; } + +@utility bg-iosdc-japan { + background-image: linear-gradient(to right, #e03468, #ff523d, #f060b2, #a05cff, #008ccf); +} |