diff --git a/index.html b/index.html
index 3b4bf97a..a53ba87f 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
+
diff --git a/js/games.js b/js/games.js
index 870eda80..04f4cdae 100644
--- a/js/games.js
+++ b/js/games.js
@@ -1,7 +1,3 @@
-window.addEventListener("load", loadJson());
-
-function loadJson() {
- fetch('./games.json')
- .then((response) => response.json())
- .then((json) => console.log(json));
-}
\ No newline at end of file
+$.getJSON("/games.json", function (data) {
+ console.log(data);
+})
\ No newline at end of file
diff --git a/style.css b/style.css
index c9ffe3f6..15b10890 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,7 @@
html {
- background: linear-gradient(45deg, rgb(36, 69, 128) 0%, rgba(22,65,111,1) 34%, rgba(11,5,65,1) 89%);
text-align: center;
align-content: center;
font-family: "Share Tech Mono", monospace;
- background-size: 400% 400%;
- animation: bg-gradient 30s ease infinite;
}
.content {
@@ -100,20 +97,19 @@ a {
100% {padding-left: 5%;padding-right: 5%;}
}
-@keyframes bg-gradient {
- 0% {
- background-position: 50% 20%;
- }
- 25% {
- background-position: 100% 90%;
- }
- 50% {
- background-position: 0% 100%;
- }
- 75% {
- background-position: 100% 90%;
- }
- 100% {
- background-position: 50% 20%;
- }
- }
+body {
+ background: linear-gradient(45deg, rgba(36, 69, 128, 1) 0%, rgba(29, 20, 105, 1) 33%, rgba(36, 69, 128, 1) 66%, rgb(29, 20, 105) 100%);
+ background-size: 400% 400%;
+ animation: gradient 20s linear infinite;
+ height: 100vh;
+}
+
+@keyframes gradient {
+ 0% {
+ background-position: 100% 0%
+}
+100% {
+ background-position: 15% 100%
+}
+}
+
\ No newline at end of file