diff --git a/AtkinsonHyperlegible-Regular.woff2 b/AtkinsonHyperlegible-Regular.woff2
new file mode 100644
index 0000000..2a656d1
Binary files /dev/null and b/AtkinsonHyperlegible-Regular.woff2 differ
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..f426caf
--- /dev/null
+++ b/index.css
@@ -0,0 +1,62 @@
+@import url('./AtkinsonHyperlegible-Regular.woff2');
+
+.atkinson-hyperlegible-regular {
+ font-family: "Atkinson Hyperlegible", serif;
+ font-weight: 400;
+ font-style: normal;
+}
+
+.atkinson-hyperlegible-bold {
+ font-family: "Atkinson Hyperlegible", serif;
+ font-weight: 700;
+ font-style: normal;
+}
+
+body {
+ font-family: 'Atkinson Hyperlegible';
+ padding: 1%;
+ height: 100vh;
+ font-size: 18px;
+ max-width: 40em;
+ margin: 1%, 1%, 1%, 1%;
+ background: linear-gradient(234deg, #ffecf2, #ffd9e5);
+ -webkit-animation: AnimationName 5s ease infinite;
+ -moz-animation: AnimationName 5s ease infinite;
+ -o-animation: AnimationName 5s ease infinite;
+ animation: AnimationName 5s ease infinite;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background: linear-gradient(234deg, #28282B, #353935);
+ -webkit-animation: AnimationName 5s ease infinite;
+ -moz-animation: AnimationName 5s ease infinite;
+ -o-animation: AnimationName 5s ease infinite;
+ animation: AnimationName 5s ease infinite;
+ color: white;
+ }
+}
+
+@-webkit-keyframes AnimationName {
+ 0%{background-position:0% 50%}
+ 50%{background-position:100% 50%}
+ 100%{background-position:0% 50%}
+}
+
+@-moz-keyframes AnimationName {
+ 0%{background-position:0% 50%}
+ 50%{background-position:100% 50%}
+ 100%{background-position:0% 50%}
+}
+
+@-o-keyframes AnimationName {
+ 0%{background-position:0% 50%}
+ 50%{background-position:100% 50%}
+ 100%{background-position:0% 50%}
+}
+
+@keyframes AnimationName {
+ 0%{background-position:0% 50%}
+ 50%{background-position:100% 50%}
+ 100%{background-position:0% 50%}
+}
diff --git a/index.html b/index.html
index 5e65649..b939f1f 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,9 @@
-Every pizza instant messenger!
+ Every pizza instant messenger!
+
+
diff --git a/rules.html b/rules.html
index e625191..95b7cfe 100644
--- a/rules.html
+++ b/rules.html
@@ -1,7 +1,9 @@
-Every pizza instant messenger! (rules)
+ Every pizza instant messenger! (rules)
+
+
diff --git a/sysinfo.html b/sysinfo.html
index 9de3a74..15a83e3 100644
--- a/sysinfo.html
+++ b/sysinfo.html
@@ -1,5 +1,8 @@
+ Every pizza instant messenger! (system info)
+
+