From b25fc6d35ad5f34849d930c4dca6a0ff6712c4c3 Mon Sep 17 00:00:00 2001
From: Sugaryy_ <sugaryy_@tuta.io>
Date: Sun, 28 May 2023 13:59:47 +0200
Subject: [PATCH] CSS: Added accessibility options (ty yukijoou <3)

---
 src/style.css | 67 ++++++++++++++++++++++++++++-----------------------
 1 file changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/style.css b/src/style.css
index 6366763..113cd24 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,6 @@
+@import "https://kemonomimi.gay/common/fonts/CherryBombOne.css";
+@import "https://kemonomimi.gay/common/fonts/IBMPlexMono.css";
+
 body {
   display: flex;
   flex-direction: column;
@@ -9,6 +12,40 @@ body {
   font-family: 'IBM Plex Mono', monospace;
 }
 
+a {
+	color: #18272F;
+  position: relative;
+  text-decoration: none;
+}
+
+a::before {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  border-radius: 4px;
+  background-color: #f5c2e7;
+  bottom: 0;
+  left: 0;
+  transform-origin: right;
+  transform: scaleX(0);
+  transition: transform .3s ease-in-out;
+}
+
+@media (prefers-reduced-motion) {
+  a::before {
+    transition: opacity .3s ease-in-out;
+    opacity: 0%;
+  }
+}
+
+
+a:hover::before {
+  transform-origin: left;
+  transform: scaleX(1);
+  opacity: 100%;
+}
+
 a:link {
   color: #89b4fa
 }
@@ -42,36 +79,6 @@ pre {
   font-size: 15px;
 }
 
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url("font/plex/IBMPlexMono-Regular.woff2") format("woff2");
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url("font/plex/IBMPlexMono-Bold.woff2") format("woff2");
-  font-weight: bold;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url("font/plex/IBMPlexMono-Italic.woff2") format("woff2");
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url("font/plex/IBMPlexMono-BoldItalic.woff2") format("woff2");
-  font-weight: bold;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Cherry Bomb One';
-  src: url("font/cherrybombone/CherryBombOne-Regular.woff2") format("woff2");
-}
-
 ul {
   display: inline-block;
   margin: auto;