diff --git a/src/app/globals.css b/src/app/globals.css
index 064b2c8..8cf74e2 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,95 +3,106 @@
 @tailwind utilities;
 
 @layer base {
-   :root {
-      --background: 0 0% 100%;
-      --foreground: 0 0% 3.9%;
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 0 0% 3.9%;
 
-      --card: 0 0% 100%;
-      --card-foreground: 0 0% 3.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 0 0% 3.9%;
 
-      --popover: 0 0% 100%;
-      --popover-foreground: 0 0% 3.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 0 0% 3.9%;
 
-      --primary: 0 0% 9%;
-      --primary-foreground: 0 0% 98%;
+		--primary: 0 0% 9%;
+		--primary-foreground: 0 0% 98%;
 
-      --secondary: 0 0% 96.1%;
-      --secondary-foreground: 0 0% 9%;
+		--secondary: 0 0% 96.1%;
+		--secondary-foreground: 0 0% 9%;
 
-      --muted: 0 0% 96.1%;
-      --muted-foreground: 0 0% 45.1%;
+		--muted: 0 0% 96.1%;
+		--muted-foreground: 0 0% 45.1%;
 
-      --accent: 0 0% 96.1%;
-      --accent-foreground: 0 0% 9%;
+		--accent: 0 0% 96.1%;
+		--accent-foreground: 0 0% 9%;
 
-      --destructive: 0 84.2% 60.2%;
-      --destructive-foreground: 0 0% 98%;
+		--destructive: 0 84.2% 60.2%;
+		--destructive-foreground: 0 0% 98%;
 
-      --border: 0 0% 89.8%;
-      --input: 0 0% 89.8%;
-      --ring: 0 0% 3.9%;
+		--border: 0 0% 89.8%;
+		--input: 0 0% 89.8%;
+		--ring: 0 0% 3.9%;
 
-      --radius: 0.5rem;
+		--radius: 0.5rem;
 
-      /* Custom properties */
-      --navigation-height: 3.5rem;
-      --color-one: #ffbd7a;
+		/* Custom properties */
+		--navigation-height: 3.5rem;
+		--color-one: #ffbd7a;
 
-      --color-two: #fe8bbb;
-      --color-three: #9e7aff;
+		--color-two: #fe8bbb;
+		--color-three: #9e7aff;
 
-      --surface: rgb(245, 245, 245);
+		--surface: rgb(245, 245, 245);
 
-      /*
+		/*
     --color-one: #37ecba;
     --color-two: #72afd3;
     --color-three: #ff2e63;
      */
-   }
+	}
 
-   [data-theme='dark'], .dark {
-      --background: 5 5 5;
-      --foreground: 0 0% 98%;
+	[data-theme="dark"],
+	.dark {
+		--background: 5 5 5;
+		--foreground: 0 0% 98%;
 
-      --surface: rgb(23, 23, 23); 
+		--surface: rgb(23, 23, 23);
 
-      --card: 0 0% 3.9%;
-      --card-foreground: 0 0% 98%;
+		--card: 0 0% 3.9%;
+		--card-foreground: 0 0% 98%;
 
-      --popover: 0 0% 3.9%;
-      --popover-foreground: 0 0% 98%;
+		--popover: 0 0% 3.9%;
+		--popover-foreground: 0 0% 98%;
 
-      --primary: 0 0% 98%;
-      --primary-foreground: 0 0% 9%;
+		--primary: 0 0% 98%;
+		--primary-foreground: 0 0% 9%;
 
-      --secondary: 0 0% 14.9%;
-      --secondary-foreground: 0 0% 98%;
+		--secondary: 0 0% 14.9%;
+		--secondary-foreground: 0 0% 98%;
 
-      --muted: 0 0% 14.9%;
-      --muted-foreground: 0 0% 63.9%;
+		--muted: 0 0% 14.9%;
+		--muted-foreground: 0 0% 63.9%;
 
-      --accent: 0 0% 14.9%;
-      --accent-foreground: 0 0% 98%;
+		--accent: 0 0% 14.9%;
+		--accent-foreground: 0 0% 98%;
 
-      --destructive: 0 62.8% 30.6%;
-      --destructive-foreground: 0 0% 98%;
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 0 0% 98%;
 
-      --border: 0 0% 14.9%;
-      --input: 0 0% 14.9%;
-      --ring: 0 0% 83.1%;
-      --color-one: #6aa8e2;
-   }
+		--border: 0 0% 14.9%;
+		--input: 0 0% 14.9%;
+		--ring: 0 0% 83.1%;
+		--color-one: #6aa8e2;
+	}
 }
 
 @layer base {
-   html {
-      @apply scroll-smooth;
-   }
-   * {
-      @apply border-border;
-   }
-   body {
-      @apply bg-background text-foreground;
-   }
-}
\ No newline at end of file
+	html {
+		@apply scroll-smooth;
+	}
+	* {
+		@apply border-border;
+	}
+	body {
+		@apply bg-background text-foreground;
+	}
+}
+
+::selection {
+	color: hsl(var(--primary-foreground));
+	background: hsl(var(--primary));
+}
+
+::-moz-selection {
+	color: hsl(var(--primary-foreground));
+	background: hsl(var(--primary));
+}