:sparkles: questionnaire styles added #TODO radio buttons checked correct color

frontend/src/components/onboarding/QuestionResponse.vue

@@ -1,9 +1,8 @@
 <template lang="pug">
-.question.pa12
-    header.w-flex.row.justify-space-between.pb6
-        label {{question.question}}
+w-card.question
+    p {{question.question}} 
     section.radio-buttons.w-flex.row.justify-space-between
-        h3(v-for="label in question.labels") {{label}}
+        p(v-for="label in question.labels") {{label}}
     w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems")
 </template>
 

frontend/src/views/OnboardingView.vue

@@ -62,12 +62,14 @@ export default {
 .view--onboarding
     width: 100%
     max-width: 428px
-    height: 100vh
     background-color: #fff
     color: #1F2024
-    font-family: 'Century Gothic'
+    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif
     margin: 0 auto
 
+    article
+        height: 100vh
+
     .w-button
             display: flex
             width: 315px
@@ -90,15 +92,19 @@ export default {
 
     .w-card
         background-color: #1F2024
-        font-family: 'Century Gothic' sans-serif
-        min-height: 100vh
-        height: 100%
         justify-content: center
         align-items: center
         width: 100%
+<<<<<<< HEAD
+
+        h3
+            text-transform: uppercase
+=======
+
 
         h3
             text-transform: uppercase
+>>>>>>> 41496c8 (:sparkles: questionnaire styles added #TODO radio buttons checked correct color)
             text-align: center
             font-size: 28px
             font-weight: bold
@@ -124,10 +130,30 @@ export default {
             margin: 11px auto
             font-weight: bold
             font-size: 16px
-        .w-select
-            padding: 11px
-            color: #1F2024
-        .search-type
-            color: #1F2024
+
+            .w-select
+                padding: 11px
+                color: #1F2024
+
+            .search-type
+                color: #1F2024
+                height: 50px
+
+        &.question
+            p
+                font-size: 18px
+                text-align: left
+                margin: 7px auto
+                font-weight: normal
+            section
+                p
+                    margin: 0
+                    font-weight: bold
+                    text-transform: capitalize
+            .w-radio__input
+                background-color: #D93D59
+    .w-card__content
+        .w-button
             height: 50px
+            background-color: #5BA626
 </style>