Merge steam-demo branch

src/css/states/main_menu.scss

@@ -97,7 +97,7 @@
         }
 
         .standaloneBanner {
-            background: rgb(216, 79, 76);
+            background: rgba(12, 168, 93, 0.957);
             @include S(border-radius, $globalBorderRadius);
             box-sizing: border-box;
             @include S(padding, 15px);
@@ -129,8 +129,18 @@
                 @include S(padding-left, 20px);
                 li {
                     @include Text;
+                    color: #fff;
                 }
             }
+            strong {
+                margin: 0;
+            }
+
+            .playtimeDisclaimer {
+                color: #fff;
+                @include S(margin-top, 15px);
+                @include SuperSmallText;
+            }
 
             .steamLink {
                 align-self: center;
@@ -153,6 +163,12 @@
                     opacity: 0.9;
                 }
 
+                @include InlineAnimation(1s ease-in-out infinite) {
+                    50% {
+                        transform: scale(1.02, 1.03);
+                    }
+                }
+
                 > .discount {
                     position: absolute;
                     @include S(top, -7px);
@@ -186,9 +202,8 @@
         img {
             @include S(width, 300px);
         }
-
         position: relative;
-        @include S(left, -22px);
+        @include S(left, -8px);
 
         .updateLabel {
             position: absolute;
@@ -677,25 +692,19 @@
     }
 
     .footer {
-        display: grid;
+        display: flex;
         flex-grow: 1;
         justify-content: center;
         align-items: flex-end;
         width: 100%;
-        grid-template-columns: auto auto auto 1fr;
         @include S(padding, 10px);
         box-sizing: border-box;
         @include S(grid-gap, 4px);
 
-        &.noLinks {
-            grid-template-columns: auto 1fr;
-        }
-
         &.wegameDisclaimer {
             @include SuperSmallText;
             display: grid;
             justify-content: center;
-            grid-template-columns: 1fr auto 1fr;
             text-align: center;
 
             > .disclaimer {

src/css/states/settings.scss

@@ -47,6 +47,10 @@
                 align-self: end;
                 margin-top: auto;
 
+                &.noabout {
+                    align-self: start;
+                }
+
                 @include StyleBelowWidth($layoutBreak) {
                     margin-top: 0;
                     display: grid;