diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..f8db8137
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,8 @@
+games
+LICENSE
+*.png
+*.ico
+*.md
+*.svg
+*.woff
+*.woff2
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..2c0ac713
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+ "tabWidth": 4,
+ "semi": true,
+ "singleQuote": true,
+ "printWidth": 120
+}
diff --git a/404.html b/404.html
index 3d95aeeb..d3e2bb07 100644
--- a/404.html
+++ b/404.html
@@ -1,386 +1,401 @@
+
+ Error 404
+
-
- Error 404
-
+
+
-
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
Error 404
-
-
-
-
-
+ @keyframes blink {
+ 50% {
+ border-color: transparent;
+ }
+ }
+ .glitch {
+ font-size: 10vw;
+ position: relative;
+ color: #fff;
+ }
+ .line:not(:first-child) {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ .line:nth-child(1) {
+ animation: clip 3000ms -300ms linear infinite, glitch1 500ms -184ms linear infinite;
+ }
+ @keyframes glitch1 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(2px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(5px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(1px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(2) {
+ animation: clip 3000ms -600ms linear infinite, glitch2 500ms -740ms linear infinite;
+ }
+ @keyframes glitch2 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(5px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(-1px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(-1px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(3) {
+ animation: clip 3000ms -900ms linear infinite, glitch3 500ms -333ms linear infinite;
+ }
+ @keyframes glitch3 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(-2px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(3px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(0px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(4) {
+ animation: clip 3000ms -1200ms linear infinite, glitch4 500ms -733ms linear infinite;
+ }
+ @keyframes glitch4 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(-4px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(5px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(0px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(5) {
+ animation: clip 3000ms -1500ms linear infinite, glitch5 500ms -896ms linear infinite;
+ }
+ @keyframes glitch5 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(-3px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(5px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(3px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(6) {
+ animation: clip 3000ms -1800ms linear infinite, glitch6 500ms -815ms linear infinite;
+ }
+ @keyframes glitch6 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(-4px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(-4px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(-3px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(7) {
+ animation: clip 3000ms -2100ms linear infinite, glitch7 500ms -34ms linear infinite;
+ }
+ @keyframes glitch7 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(2px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(5px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(-3px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(8) {
+ animation: clip 3000ms -2400ms linear infinite, glitch8 500ms -842ms linear infinite;
+ }
+ @keyframes glitch8 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(4px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(1px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(-4px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(9) {
+ animation: clip 3000ms -2700ms linear infinite, glitch9 500ms -751ms linear infinite;
+ }
+ @keyframes glitch9 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(1px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(2px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(-4px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ .line:nth-child(10) {
+ animation: clip 3000ms -3000ms linear infinite, glitch10 500ms -648ms linear infinite;
+ }
+ @keyframes glitch10 {
+ 0% {
+ transform: translateX(0);
+ }
+ 80% {
+ transform: translateX(0);
+ color: #fff;
+ }
+ 85% {
+ transform: translateX(-3px);
+ color: #4e9a26;
+ }
+ 90% {
+ transform: translateX(2px);
+ color: #ac1212;
+ }
+ 95% {
+ transform: translateX(3px);
+ color: #fff;
+ }
+ 100% {
+ transform: translateX(0);
+ }
+ }
+ @keyframes clip {
+ 0% {
+ clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
+ }
+ 100% {
+ clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
+ }
+ }
-
\ No newline at end of file
+ a {
+ padding: 10px 20px;
+ background-color: #00fa00;
+ color: #000;
+ border-radius: 5px;
+ text-decoration: none;
+ cursor: pointer;
+ transition: 0s;
+ }
+
+ a:hover {
+ filter: brightness(90%);
+ }
+
+
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
Error 404
+
+
+
+
+