Added animations, improved footer

V1/resources/css/components/punch.css

@@ -1,5 +1,14 @@
+.punch-dark {
+    color: #F8FAFC;
+    background-color: #222;
+}
+
+.punch-clear {
+    color: #222;
+    background-color: #F8FAFC;
+}
+
 .punch-container {
-    background-color: #222222;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -7,6 +16,7 @@
     background-image: url('/resources/img/logo_notext.png');
     background-repeat: no-repeat;
     background-position: calc(50% - 250px);
+    transition: background-color 0.3s;
 }
 
 .punch-sub {
@@ -16,7 +26,6 @@
 }
 
 .punch {
-    color: #F8FAFC;
     font-family: 'Mona-Sans';
     font-weight: 300;
     font-size: 3vmin;