From 4641d46cf00c3bd7ec696c3c451095fc2fada618 Mon Sep 17 00:00:00 2001
From: alicarpio <agcarpio@espol.edu.ec>
Date: Sat, 21 Sep 2024 14:23:22 -0500
Subject: [PATCH] CHORE: code formatting

---
 src/routes/Hero.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/routes/Hero.svelte b/src/routes/Hero.svelte
index 91eb0b9..de5682e 100644
--- a/src/routes/Hero.svelte
+++ b/src/routes/Hero.svelte
@@ -3,23 +3,27 @@
 		<img
 			src="https://images.unsplash.com/photo-1601933470096-0e34634ffcde?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 			alt="Imagen de amigos programando"
-			class="relative z-10 h-[12.5rem] w-[16rem] lg:h-[18rem] lg:w-[26rem] object-cover" />
+			class="relative z-10 h-[12.5rem] w-[16rem] object-cover lg:h-[18rem] lg:w-[26rem]"
+		/>
 		<div
-			class="absolute left-[-0.5rem] top-[-0.5rem] z-0 h-5 w-5 bg-lime-500 lg:left-[-1.3rem] lg:top-[-1.3rem] lg:h-24 lg:w-24"></div>
+			class="absolute left-[-0.5rem] top-[-0.5rem] z-0 h-5 w-5 bg-lime-500 lg:left-[-1.3rem] lg:top-[-1.3rem] lg:h-24 lg:w-24"
+		></div>
 		<div
-			class="absolute bottom-[-0.5rem] right-[-0.5rem] z-0 h-5 w-5 border border-lime-500 lg:bottom-[-1.2rem] lg:right-[-1.2rem] lg:h-24 lg:w-24"></div>
+			class="absolute bottom-[-0.5rem] right-[-0.5rem] z-0 h-5 w-5 border border-lime-500 lg:bottom-[-1.2rem] lg:right-[-1.2rem] lg:h-24 lg:w-24"
+		></div>
 	</div>
-	<div class="flex flex-col items-center gap-y-5 max-w-[20rem] lg:max-w-[40rem]">
-		<h1 class="text-[1.11rem] md:text-[1.rem] lg:text-[1.55rem] font-fira font-bold">
+	<div class="flex max-w-[20rem] flex-col items-center gap-y-5 lg:max-w-[40rem]">
+		<h1 class="font-fira text-[1.11rem] font-bold md:text-[1.rem] lg:text-[1.55rem]">
 			<span class="text-lime-500">Kokoa</span>
 			<span class="text-blue-100">- Vive el software libre</span>
 		</h1>
-		<p class="text-[0.85rem] lg:text-base text-center text-blue-100">
+		<p class="text-center text-[0.85rem] text-blue-100 lg:text-base">
 			Club estudiantil politécnico promotor del uso, modificación, distribución y aprendizaje de
 			software libre
 		</p>
 		<button
-			class="w-[10rem] sm:w-auto px-14 py-2 rounded-3xl bg-lime-500 text-black font-medium shadow-2xl hover:bg-lime-600 transition-colors">
+			class="w-[10rem] rounded-3xl bg-lime-500 px-14 py-2 font-medium text-black shadow-2xl transition-colors hover:bg-lime-600 sm:w-auto"
+		>
 			Unirse
 		</button>
 	</div>