remove workarounds

src/PartyPage.tsx

@@ -18,13 +18,9 @@ export const PartyPage: React.FC = () => {
     const dear = myDear[partyContext.self.grammatical_gender];
     const name = partyContext.self.name;
     const party = partyContext.party;
-    const myRef = useRef<HTMLDivElement>(null)
+    const wannUndWoRef = useRef<HTMLDivElement>(null)
     const executeScroll = () => {
-        console.log("downvote bitte hier vergeben: https://stackoverflow.com/questions/43441856/how-to-scroll-to-an-element")
-        if (myRef.current === null) {
-        } else {
-            myRef.current.scrollIntoView({behavior: 'smooth'})
-        }
+        wannUndWoRef.current!.scrollIntoView({ behavior: 'smooth' })
     }
     const [comingState, setComingState] = useState(partyContext.self.coming);
 
@@ -88,14 +84,13 @@ export const PartyPage: React.FC = () => {
                 </div>
                 <div className='hero-outer' >
                     <span onClick={executeScroll}>
-                    <p>
-                    Mehr Infos </p>
-                    <FontAwesomeIcon icon={faAngleDown} />
+                        <p>Mehr Infos</p>
+                        <FontAwesomeIcon icon={faAngleDown} />
                     </span>
 
                 </div>
             </div>
-            <div className='hero fullheight' ref={myRef}>
+            <div className='hero fullheight' ref={wannUndWoRef}>
                 <h2>Wann und Wo?</h2>
                 <p>
                     <FontAwesomeIcon icon={faCalendarDays} /> <strong>16. Dezember, ab 18:00</strong>.  Bitte komme nach Möglichkeit pünktlich.

src/index.css

@@ -10,4 +10,15 @@ body {
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
-}
+}
+
+
+body {
+  background-image: url('./background.gif');
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
+  height: 100vh;
+  padding:0;
+  margin:0;
+}