Footer; Card-size;

css/blackjack.css

@@ -8,7 +8,7 @@ body {
 }
 
 .playing-card {
-    max-width: 75px;
+    max-width: 7em;
     margin: 0.2em;
 }
 
@@ -96,4 +96,8 @@ body {
     border-radius: 10px !important;
     background-color: white !important;
     color: black !important;
+}
+
+footer * {
+    color: white !important;
 }

index.htm

@@ -9,7 +9,8 @@
     <meta property="og:type" content="game">
     <meta property="fb:app_id" content="0">
     <link rel="manifest" href="manifest.json">
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>BlackJack ♠</title>
     <link rel="stylesheet" href="css/bootstrap.min.css">
@@ -43,7 +44,8 @@
                     </a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="https://git.luna-development.net/neroignis/blackjack/" target="_blank">
+                    <a class="nav-link" href="https://git.luna-development.net/neroignis/blackjack/"
+                       target="_blank">
                         Development <i class="fas fa-laptop-code"></i>
                     </a>
                 </li>
@@ -167,6 +169,25 @@
         </div>
     </div>
 
+    <footer>
+        <div class="container"><p class="float-right text-right">
+            <p class="float-right text-right">
+                Assets by <a href="https://kenney.nl/" target="_blank">KenneyNL</a>
+                <i aria-hidden="true" class="fas fa-map"></i>
+                <br/>
+                Themes by <a href="https://bootswatch.com/" target="_blank">Bootswatch</a>
+                <i class="fas fa-palette"></i>
+                <br/>
+                App by <a href="/">LunaDevelopment</a> <i class="fas fa-code"></i>
+            </p>
+            <p>
+                <i class="fas fa-balance-scale"></i>
+                <a class="" href="/impressum" target="_blank" style="">Impressum
+                </a>
+            </p>
+        </div>
+    </footer>
+
     <div class="modal fade" id="bankModal" tabindex="-1" role="dialog" aria-labelledby="bankModalLabel"
          aria-hidden="true">
         <div class="modal-dialog" role="document">