diff --git a/fedi/AtkinsonHyperlegible-Regular.woff2 b/fedi/AtkinsonHyperlegible-Regular.woff2
new file mode 100644
index 0000000..2a656d1
Binary files /dev/null and b/fedi/AtkinsonHyperlegible-Regular.woff2 differ
diff --git a/fedi/index.css b/fedi/index.css
new file mode 100644
index 0000000..6be740b
--- /dev/null
+++ b/fedi/index.css
@@ -0,0 +1,74 @@
+@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;
+    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;
+    margin: auto;
+}
+
+@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;
+    }
+    a:visited {
+        color: #7174ab
+    }
+    a {
+        color: #9296dc
+    }
+}
+
+blockquote {
+    border-left: 2px solid #ccc;
+/*    margin: 20px 0;*/
+    padding: 10px;
+}
+
+@-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%}
+}