diff --git a/src/components/Text.astro b/src/components/Text.astro
index 5887d08..d8340bb 100644
--- a/src/components/Text.astro
+++ b/src/components/Text.astro
@@ -6,7 +6,7 @@ export interface Props {
 const { text } = Astro.props;
 ---
 
-<p class="relative text-4xl font-semibold text-foreground">
+<p class="select-none relative text-4xl font-semibold text-foreground">
   <span class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"></span>
   <span class="relative opacity-0 motion-text">{text}</span>
 </p>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 1e26f1d..449eeb1 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -9,6 +9,7 @@
     cursor: var(--cursor-url) 28 32, auto;
     @apply flex overflow-hidden flex-col items-center min-h-screen;
     @apply bg-background text-foreground;
+    @apply selection:bg-foreground selection:text-background;
   }
   main {
     @apply flex flex-col flex-auto gap-4 justify-center items-center;