diff --git a/src/index.css b/src/index.css
index 79dc3d0..4d22e33 100644
--- a/src/index.css
+++ b/src/index.css
@@ -110,19 +110,4 @@ dialog::backdrop {
 
 .photo img:hover {
   transform: scale(1.05);
-}
-
-.yes-container {
-  max-width: 100%;
-  padding: 0 1rem;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  text-align: center;
-}
-
-.yes-container h1,
-.yes-container h2,
-.yes-container h3 {
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-}
+}
\ No newline at end of file
diff --git a/src/yes.module.css b/src/yes.module.css
new file mode 100644
index 0000000..0ce6722
--- /dev/null
+++ b/src/yes.module.css
@@ -0,0 +1,12 @@
+.container {
+  max-width: 100%;
+  padding: 0 1rem;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  text-align: center;
+}
+
+h1, h2, h3 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
diff --git a/src/yes.tsx b/src/yes.tsx
index 0fd0c8e..8f50339 100644
--- a/src/yes.tsx
+++ b/src/yes.tsx
@@ -1,6 +1,8 @@
+import styles from './yes.module.css';
+
 export default function YesPage() {
   return (
-    <div className="yes-container">
+    <div className={styles.container}>
       <h1>Congratulations, you're now my valentine!!! 💖🥳</h1>
       <h2>No takebacks allowed, you're stuck with me 🎉</h2>
       <h3>Great job using the freewill the website gave you to make the right choice</h3>