Create a11y.css

a11y.css

@@ -0,0 +1,32 @@
+.hidden {
+    display: none;
+}
+
+.accessibility-menu {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200px;
+    background-color: #fff;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
+}
+
+.accessibility-menu button {
+    margin-bottom: 10px;
+}
+
+.accessibility-menu button:hover {
+    background-color: #f0f0f0;
+}
+
+@font-face {
+  font-family: 'OpenDyslexic';
+  src: url('/a11y/OpenDyslexic3-Regular.ttf') format('truetype');
+}
+
+body.opendyslexic {
+    font-family: OpenDyslexic;
+}