styling updates; still needs assets/

_scss/helpers/utilities.scss

@@ -20,12 +20,16 @@ body {
   font-weight: 400;
 }
 
+.main-area {
+  max-width: 500px;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
 
 // General container
 .container {
   width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
 }
@@ -45,15 +49,14 @@ body {
 .btn-main {
   display: inline-block;
   font-weight: 600;
-  color: $white;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background-color: $royal-blue;
-  border: 1px solid $royal-blue;
+  background-color: $gold;
+  border: 1px solid $gold;
   padding: 1.8em 3.4em;
   font-size: 12px;
   letter-spacing: 1px;
@@ -61,8 +64,9 @@ body {
   border-radius: 50rem;
   transition: all .3s ease;
   text-decoration: none;
+  width: 100%;
   &:hover {
-    background-color: lighten($royal-blue, 5%);
+    background-color: lighten($gold, 5%);
   }
   margin-bottom: 10px;
 }
@@ -100,10 +104,10 @@ body {
 
 // Spacing utility classes
 .mb-2 {
-  margin-bottom: 24px;
+  margin-bottom: 16px;
 }
 .mt-2 {
-  margin-top: 24px;
+  margin-top: 16px;
 }