adjust styling - set colours to cia theme

vue-theme/src/app.vue

@@ -32,9 +32,11 @@ html
         font-family: $sans
         font-size: $ms-0
         main 
-            background-color: green
+            /* background-color: green*/
+            background-color: $cia_white2
             width: 100%
-            margin: 0 0 3vh 0
+            /* margin: 0 0 3vh 0 */
+            padding: 0 0 3vh 0
             
             :--headings, a
                 color: $cia_red
@@ -49,7 +51,7 @@ html
                     cursor: pointer
 
             > [class^="page--"]
-                background-color: lightblue
+                /* background-color: lightblue */
                 max-width: $max-width
                 margin: 0 auto
                 padding: $ms-0 0
@@ -57,12 +59,13 @@ html
                 
                 /* Block Shadow Thing */
                 .shadow
-                    box-shadow: rgb(34, 36, 37) 0px 0px 4px 0px
-                    border-radius: 8px
+                    box-shadow: rgba(0 0 0 / 15%) 0.3px 0.5px 1.5px 0.5px
+                    border-radius: $ms--2
         
-                /* Content Pieces */
+                /* Content Pieces excluding index*/
                 .post
-                    background-color: teal
+                    /* background-color: teal */
+                    background-color: white
                     margin: 0 0 $ms-0
                     &--title
                         color: yellow
@@ -70,7 +73,7 @@ html
                     &--content
                         color: orange
                         &--block > p
-                            color: white
+                            color: grey
                         .wp-block-image
                             margin: 0
                             img
@@ -80,9 +83,10 @@ html
                 
                 /* Single & List Pages */
                 > article
-                    background-color: lightpink
+                    /* background-color: lightpink */
+                    background-color: white
                 
         nav, footer
             &.main
-                background-color: pink
+                /* background-color: pink */
 </style>