diff --git a/.gitignore b/.gitignore
index 6635cf5..b586541 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+/static/output.css
\ No newline at end of file
diff --git a/src/lib/components/SignUp.svelte b/src/lib/components/SignUp.svelte
index 141939d..5fe82b6 100644
--- a/src/lib/components/SignUp.svelte
+++ b/src/lib/components/SignUp.svelte
@@ -36,4 +36,4 @@
 />
 
 <input type="password" bind:value={password} placeholder="Password" />
-<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
+<button class="btn btn-secondary" on:click={signUpNewUser}>Sign Up</button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 919de56..b17ade1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -58,3 +58,5 @@
 	<PokemonSprite pokedexNumber={666} form={''} />
 	<PokemonSprite pokedexNumber={'003'} form={''} />
 </div>
+
+<div class="bg-blue-500 text-white p-4">This is a component styled with Tailwind CSS</div>