added to whom

src/App.css

@@ -113,6 +113,18 @@
   min-height: 28px;
 }
 
+.big-question {
+  position: fixed;
+  right: 220px;
+  top: 30%;
+  font-size: 6rem;
+  font-weight: bold;
+  color: #FF69B4;
+  text-align: left;
+  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
+  z-index: 10;
+}
+
 @media (max-width: 768px) {
   .semantic-boxes {
     flex-wrap: wrap;

src/App.tsx

@@ -221,6 +221,7 @@ function App() {
   
   return (
     <div className="colorful-semantics">
+      <div className="big-question">To whom?</div>
       <div className="media-container">
         {renderMedia()}
       </div>
@@ -247,7 +248,7 @@ function App() {
           style={{ backgroundColor: PINK }}
           ref={destinationRef}
         >
-          {isFilled ? gameState.answer : "?"}
+          {isFilled ? gameState.answer : "to whom?"}
         </div>
       </div>