Seasonal changes!
diff --git a/pages/_app.js b/pages/_app.js
index a94db64..d571c96 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -3,6 +3,8 @@
 import { ThemeProvider } from 'theme-ui';
 import React from 'react';
 import Styles from '../styles/globals.module.css';
+import { getSeason } from './api/season';
+import Christmas from '../Components/overlays/christmas';
 
 const theme = {
     config: {
@@ -77,6 +79,15 @@
         showSubBar(<p className={Styles.message}>{text}</p>, 5, positioning);
     }
 
+    const season = getSeason();
+    let Overlay = <></>;
+    switch (season.season) {
+        case "christmas": {
+            Overlay = <Christmas />;
+            break;
+        }
+    }
+
     return <>
         <ThemeProvider theme={theme}>
         <NavBar
@@ -92,7 +103,12 @@
             showSubBar={showSubBar}
             hideSubBar={hideSubBar}
             showMessage={showMessage}
+            season={season}
+            randomSeed={new Date().getMinutes() / 60}  // FIXME: Janky hack mate
         />
+        <div className={Styles.container} style={{
+            pointerEvents: "none",
+        }}>{Overlay}</div>
         <div className={Styles.container} />
         </ThemeProvider>
     </>