From 85b9347b4e2392e4c2657d222ac16926619fd97a Mon Sep 17 00:00:00 2001
From: caskd <caskd@gmx.de>
Date: Tue, 28 Aug 2018 15:51:13 +0200
Subject: [PATCH] More fallbacks and support

---
 css/animations.css | 7 +++++++
 css/rules.css      | 3 ++-
 index.html         | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/animations.css b/css/animations.css
index 4cdff2f..a95a15c 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -8,6 +8,13 @@
     transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
 }
 
+.float:hover {
+    -webkit-animation-play-state: paused;
+    -moz-animation-play-state: paused;
+    -o-animation-play-state: paused;
+     animation-play-state: paused;
+}
+
 .slide-top {
     -webkit-animation: slide-in-top 1s;
     animation: slide-in-top 1s;
diff --git a/css/rules.css b/css/rules.css
index 747a8c2..93bfc34 100644
--- a/css/rules.css
+++ b/css/rules.css
@@ -6,7 +6,8 @@ a:hover {
 
 body {
     background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-    url(../res/bg.webp);
+    url(../res/bg.webp) no-repeat center;
+    background-size: cover;
 }
 
 /*Text*/
diff --git a/index.html b/index.html
index f0a0ed7..f713940 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
     <div id="page" class="page flex column">
         <div class="branding flex row float">
             <div class="brand flex column justify-center">
-                <h1 class="slide-top">RedXen Community</h1>
+                <h1 class="slide-top flex column">RedXen Community</h1>
                 <div class="slide-left flex column">
                     <p class="h-hide">The community that empowers gamers</p>
                     <div class="h-hide links flex">