Dominants page styles

1 files changed, 33 insertions, 18 deletions

diff --git a/client/colors.less b/client/colors.less
index 9c47dcd..3dce1dc 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -156,11 +156,14 @@ body {
         li.step {
           flex: 0 0 auto;
           display: inline;
-          padding-left: 20px;
-          padding-right: 20px;
-          color: #999;
+          margin-left: 20px;
+          margin-right: 20px;
+          padding-bottom: 5px;
+          color: #BEBEBE;
+          font-family: 'Cutive', serif;
           &.active {
-            color: #333;
+            color: #600000;
+            border-bottom: 2px #600000 solid;
           }
         }
       }
@@ -179,10 +182,6 @@ body {
           margin: 3px 8px;
           width: 72px;
           height: 92px;
-          div.title {
-            color: #999;
-            text-align: center;
-          }
           img {
             height: 72px;
             width: 72px;
@@ -191,38 +190,54 @@ body {
             width: 72px;
             height: 72px;
           }
+          div.title {
+            color: #999;
+            text-align: center;
+            font-family: 'Cutive', serif;
+          }
         }
       }
       div.dominants {
         margin: 0 auto;
         width: 305px;
+        text-align: center;
         div.dominant {
-          text-align: center;
           flex: 0 0 auto;
           margin-top: 45px;
           h3 {
-            color: #2636F9;
+            color: black;
             font-size: 1.2em;
           }
           div.color {
             background-color: red;
             height: 50px;
           }
-          h5 {
-            color: #808080;
+          ol {
+            display: block;
+            text-align: center;
+            list-style: none;
+            padding-left: 0px;
+            font-family: 'Cutive', serif;
+            color: #6D6D6D;
+            margin-top: 6px;
+            li {
+              display: inline;
+              margin-left: 7px;
+              margin-right: 7px;
+            }
           }
         }
         button.continue {
-          font-size: 1.2em;
-          width: 100%;
+          font-size: 2.8em;
+          font-weight: bold;
           margin-top: 45px;
-          color: #2636F9;
-          padding: 7px 35px;
+          color: black;
           background-color: white;
-          border: 1px #2636F9 solid;
+          border: 0px;
+          border-bottom: 6px black solid;
           &:hover, &:active {
             color: white;
-            background-color: #2636F9;
+            background-color: black;
           }
         }
       }