Styles fixes

public/css/index.css

@@ -81,7 +81,7 @@ header .account-preview .full-name {
   opacity: 0%;
   transition: 0.4s ease-in-out;
   text-align: center;
-  padding: 0px 0.5vw;
+  padding: 0px 2vw;
   padding-bottom: 1vh;
   border-radius: 10px;
 }
@@ -89,6 +89,14 @@ header .account-preview .full-name.show {
   opacity: 100%;
   transition: 0.4s ease-in-out;
 }
+@media (max-width: 991.98px) {
+  header .account-preview {
+    left: 80%;
+  }
+  header .account-preview .full-name.show {
+    opacity: 0%;
+  }
+}
 
 @media (max-width: 991.98px) {
   header h2 {
@@ -440,6 +448,11 @@ header .account-preview .full-name.show {
   height: 50px;
 }
 
+@media (max-width: 991.98px) {
+  .loading {
+    height: 150vh;
+  }
+}
 .letters-registered {
   padding: 0px 5vw;
   display: flex;
@@ -1023,8 +1036,15 @@ header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.d
   padding-bottom: 5vh;
   padding-left: 3vw;
   box-sizing: border-box;
+  position: absolute;
+  bottom: 0px;
 }
 
+@media (max-width: 991.98px) {
+  .made-with-love {
+    position: initial;
+  }
+}
 .credits {
   font-family: "Helveltica", sans-serif;
   font-weight: 400;

public/sass/_footer.scss

@@ -12,4 +12,15 @@
     padding-left: 3vw;
 
     box-sizing: border-box;
-  }
+
+    position: absolute;
+    bottom: 0px;
+  }
+
+@media (max-width: 991.98px) {
+  
+  .made-with-love {
+
+    position: initial;
+  }
+}

public/sass/_loading.scss

@@ -19,4 +19,12 @@
         width: 50px;
         height: 50px;
     }
+}
+
+@media (max-width: 991.98px) {
+
+    .loading {
+
+        height: 150vh;
+    }
 }

public/sass/control-panel/_account-preview.scss

@@ -55,7 +55,7 @@
         transition: 0.4s ease-in-out;
         text-align: center;
         
-        padding: 0px 0.5vw;
+        padding: 0px 2vw;
         padding-bottom: 1vh;
         border-radius: 10px;
 
@@ -66,4 +66,21 @@
             transition: 0.4s ease-in-out;
         }
     }
+}
+
+@media (max-width: 991.98px) {
+
+    .account-preview {
+
+        left: 80%;
+
+        .full-name {
+
+
+            &.show {
+                
+                opacity: 0%;
+            }
+        }
+    }
 }

src/App.js

@@ -27,21 +27,23 @@ function App() {
       <>
         <Switch>
 
-          <Route path='/pokemon'>
+          {/* <Route path='/pokemon'>
 
             <PokemonScripts />
 
-          </Route>
+          </Route> */}
 
           <Route path="/my-account">
           
             <AccountInfo />
+            <Footer />
 
           </Route>
 
           <Route path="/password-recovery">
 
             <PasswordRecovery />
+            <Footer />
 
           </Route>
 
@@ -60,22 +62,24 @@ function App() {
           <Route path='/identify'>
 
             <AdminIdentify />
+            <Footer />
 
           </Route>
 
           <Route path="/credits">
 
             <Credits />
+            <Footer />
 
           </Route>
 
           <Route path="/">
 
             <Game />
+            <Footer />
 
           </Route>
         </Switch>
-        <Footer />
       </>
    </Router>
   );