From d57205646714feae19606a51f3033a3770fb6a3f Mon Sep 17 00:00:00 2001
From: Sugaryy_ <65258128+Sugaryyyy@users.noreply.github.com>
Date: Sun, 28 May 2023 13:32:25 +0200
Subject: [PATCH] CSS: Added link hover animation and updated font to load
 locally

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

diff --git a/src/style.css b/src/style.css
index 6366763..dc7bc16 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,31 @@ 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;
+}
+
+a:hover::before {
+  transform-origin: left;
+  transform: scaleX(1);
+}
+
 a:link {
   color: #89b4fa
 }
@@ -42,36 +70,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;