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;

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*/

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">