From 08d2a1de2bd114bce25c880cae160433b91c9673 Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Wed, 15 Mar 2023 19:59:47 +0100
Subject: [PATCH] fix waves on chromium

---
 assets/scss/blog.scss | 1 +
 assets/scss/home.scss | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/scss/blog.scss b/assets/scss/blog.scss
index 86e7d8f..1a28184 100644
--- a/assets/scss/blog.scss
+++ b/assets/scss/blog.scss
@@ -20,6 +20,7 @@
     height: 40vh;
     color: var(--vriish-gradient-text);
     mask: var(--vriish-waves);
+    -webkit-mask: var(--vriish-waves);
     padding: 1rem 6rem 3rem 6rem;
     display: flex;
     flex-direction: column;
diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index b8254b6..8c0fcfa 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -21,6 +21,7 @@
     height: 100vh;
     color: var(--vriish-gradient-text);
     mask: var(--vriish-waves);
+    -webkit-mask: var(--vriish-waves);
     padding: 5rem 1rem 8rem 1rem;
     @media (max-width: 1140px) {
         height: 90vh;
@@ -41,7 +42,7 @@
         position: absolute;
         bottom: 2rem;
         animation: 1s ease-in infinite alternate scrollDown;
-        font-family: serif;
+        font-family: FreeSerif, serif;
         text-decoration: none;
         color: var(--vriish-gradient-text);
         transition: color 0.2s ease-in-out;