css selectors are antichrist

src/App.tsx

@@ -3,6 +3,7 @@ import HoverComponent from './components/name.tsx'
 import AdvancedBr from './components/comps.tsx'
 import { createSignal } from 'solid-js';
 import Reviews from './components/api.tsx';
+export const [ishover, setishover]= createSignal(false)
 function App() {
   function remov() {
     for (let i = 0; i < document.styleSheets.length; i++) {
@@ -65,14 +66,20 @@ function App() {
           <span>silly goober who does silly stuff <br /> self proclaimed programmer and progamer <br /> shitposts for fun</span>
         </div>
 
-        <div style={{
+        <div
+        onMouseEnter={()=> {setishover(true)}}
+        onmouseleave={() => {setishover(false)}}
+        style={{
           opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
         }} class='cardchild'>
-          <h1>reviews</h1>
-          <Reviews/>
+          <Reviews />
         </div>
       </div>
-      <AdvancedBr count={10} />
+      <AdvancedBr count={2}/>
+      <div class='easteregg'>
+          <input type="text" name="bals?"  class='theeaster'/>
+      </div>
+      <AdvancedBr count={3} />
     </>
   )
 }