diff --git a/pages/_app.tsx b/pages/_app.tsx
index c14eb8c2..c1db700a 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -12,8 +12,10 @@ function MyApp({ Component, pageProps }: AppProps) {
{/* */}
-
-
+
+
+
+
);
}
diff --git a/public/background.svg b/public/background.svg
new file mode 100644
index 00000000..949b1335
--- /dev/null
+++ b/public/background.svg
@@ -0,0 +1,88 @@
+
diff --git a/styles/globals.css b/styles/globals.css
index 4f184216..c6ca710c 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -24,3 +24,23 @@ a {
background: black;
}
}
+
+.background {
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-repeat: no-repeat;
+
+ background-color: #562a3b;
+ background-size: 100% auto;
+ background-image: url("/background.svg");
+ background-position: center top;
+
+ filter: brightness(1) hue-rotate(0deg);
+ transition: 3s filter linear, 3s -webkit-filter linear;
+
+ /* &.night {
+ filter: brightness(0.3) hue-rotate(-82deg);
+ } */
+}