lint: fix css

Author: betich

apps/web/src/app/globals.css

@@ -1,90 +1,90 @@
 @import "tailwindcss";
 
 @theme inline {
-  --font-main: var(--font-ibm-plex-sans-thai), var(--font-inter), sans-serif;
+	--font-main: var(--font-ibm-plex-sans-thai), var(--font-inter), sans-serif;
 }
 
 /* Custom animations for Eventer components */
 @keyframes fadeInScale {
-  from {
-    opacity: 0;
-    transform: scale(0.92);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
+	from {
+		opacity: 0;
+		transform: scale(0.92);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
 }
 
 @keyframes scroll {
-  0% {
-    transform: translateX(0);
-  }
-  100% {
-    transform: translateX(-50%);
-  }
+	0% {
+		transform: translateX(0);
+	}
+	100% {
+		transform: translateX(-50%);
+	}
 }
 
 .animate-fadeInScale {
-  animation: fadeInScale 0.5s cubic-bezier(0.23, 1.01, 0.32, 1);
+	animation: fadeInScale 0.5s cubic-bezier(0.23, 1.01, 0.32, 1);
 }
 
 .animate-scroll {
-  animation: scroll 24s linear infinite;
+	animation: scroll 24s linear infinite;
 }
 
 /* Custom utilities */
 .scale-120 {
-  transform: scale(1.2);
+	transform: scale(1.2);
 }
 
 .gap-75 {
-  gap: 18.75rem; /* 300px */
+	gap: 18.75rem; /* 300px */
 }
 
 .mb-15 {
-  margin-bottom: 3.75rem; /* 60px */
+	margin-bottom: 3.75rem; /* 60px */
 }
 
 .h-25 {
-  height: 6.25rem; /* 100px */
+	height: 6.25rem; /* 100px */
 }
 
 .gap-80 {
-  gap: 20rem; /* 320px */
+	gap: 20rem; /* 320px */
 }
 
 /* Responsive overrides for custom utilities */
 @media (max-width: 768px) {
-  .gap-75 {
-    gap: 2rem; /* 32px on mobile */
-  }
+	.gap-75 {
+		gap: 2rem; /* 32px on mobile */
+	}
 
-  .gap-80 {
-    gap: 2rem; /* 32px on mobile */
-  }
+	.gap-80 {
+		gap: 2rem; /* 32px on mobile */
+	}
 
-  .scale-120 {
-    transform: scale(1); /* No scale on mobile */
-  }
+	.scale-120 {
+		transform: scale(1); /* No scale on mobile */
+	}
 
-  .h-25 {
-    height: 4rem; /* 64px on mobile */
-  }
+	.h-25 {
+		height: 4rem; /* 64px on mobile */
+	}
 
-  .mb-15 {
-    margin-bottom: 2rem; /* 32px on mobile */
-  }
+	.mb-15 {
+		margin-bottom: 2rem; /* 32px on mobile */
+	}
 }
 
 /* Responsive design for scroll animation */
 @media (max-width: 600px) {
-  .animate-scroll {
-    gap: 1.5rem;
-  }
-
-  .animate-scroll img {
-    max-width: 5rem;
-    height: 2.5rem;
-  }
+	.animate-scroll {
+		gap: 1.5rem;
+	}
+
+	.animate-scroll img {
+		max-width: 5rem;
+		height: 2.5rem;
+	}
 }