Games page, maplist page (#153)

Co-authored-by: Wolfboy248 <105884620+Wolfboy248@users.noreply.github.com>

1 files changed, 25 insertions, 0 deletions

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