From cfac59282da55f4791d6352f15887a15e9ff6ec5 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <121288977+Wolfboy248@users.noreply.github.com>
Date: Wed, 10 Jul 2024 21:51:25 +0200
Subject: Games page, maplist page (#153)

Co-authored-by: Wolfboy248 <105884620+Wolfboy248@users.noreply.github.com>
---
 frontend/src/App.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'frontend/src/App.css')

diff --git a/frontend/src/App.css b/frontend/src/App.css
index c96f197..c43738b 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -4,6 +4,26 @@ body {
     margin: 0;
 }
 
+.loader {
+    animation: loader 1.2s ease infinite;
+    background-size: 400% 300%;
+    background-image: linear-gradient(-90deg, #202232 0%, #202232 25%, #2a2c41 50%, #202232 75%, #202232 100%);
+}
+
+@keyframes loader {
+    0% {
+        background-position: 100% 20%;
+    }
+
+    50% {
+        background-position: 0% 50%;
+    }
+
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
 @font-face {
     font-family: 'BarlowCondensed-Bold';
     src: local('BarlowCondensed-Bold'), url(./fonts/BarlowCondensed-Bold.ttf) format('truetype');
@@ -17,4 +37,9 @@ body {
 @font-face {
     font-family: 'BarlowSemiCondensed-Regular';
     src: local('BarlowSemiCondensed-Regular'), url(./fonts/BarlowSemiCondensed-Regular.ttf) format('truetype');
+}
+
+@font-face {
+    font-family: 'BarlowSemiCondensed-SemiBold';
+    src: local('BarlowSemiCondensed-Regular'), url(./fonts/BarlowSemiCondensed-SemiBold.ttf) format('truetype');
 }
\ No newline at end of file
-- 
cgit v1.2.3