From 3e1a9219c20a8dbda48875964603d87f31f94f36 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 31 Mar 2026 09:13:20 +0000
Subject: [PATCH] Remove unused .display-none class from style.css

This commit removes the `.display-none` class from `src/style.css` since it is not used in `index.html` or any other file. It also updates the comment in `tests/animation-verification.spec.ts` to reflect the removal of the class in the codebase.

Co-authored-by: xRahul <1639945+xRahul@users.noreply.github.com>
---
 src/style.css                        | 4 ----
 tests/animation-verification.spec.ts | 3 +--
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/style.css b/src/style.css
index c09e4315..9daaad12 100644
--- a/src/style.css
+++ b/src/style.css
@@ -82,10 +82,6 @@ body,
   will-change: transform;
 }
 
-.display-none {
-  display: none;
-}
-
 @keyframes flip {
   0% {
     transform: rotateY(360deg);
diff --git a/tests/animation-verification.spec.ts b/tests/animation-verification.spec.ts
index 7123470d..3c5f8ecd 100644
--- a/tests/animation-verification.spec.ts
+++ b/tests/animation-verification.spec.ts
@@ -8,8 +8,7 @@ test('animation container and items exist', async ({ page }) => {
   await expect(container).toBeVisible();
 
   // Initially, before changes, checking for "Software Engineer" text
-  // The current implementation uses ::before, so the text might be in the display-none span
-  // or just invisible.
+  // The current implementation uses ::before, so the text might be invisible.
   // We just want to ensure the page loads and the container is there.
 
   // After changes, we expect 5 spans.