diff --git a/assets/css/main.css b/assets/css/main.css
index f47072e..f2fdfab 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,5 +1,5 @@
 html {
-  background-color: #333;
+  background-color: #181818;
   font-family: Consolas, Monaco, "Lucida Console", monospace !important;
   font-size: 0.9rem !important;
   color: #ccc !important;
@@ -13,7 +13,7 @@ body {
   padding-bottom: 3.5rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
-  background-color: #3d3d3d;
+  background-color: #1F1F1F;
   max-width: 600px;
   min-height: 100vh;
 }
@@ -53,7 +53,15 @@ a {
 }
 
 .highlight {
-  color: rgb(158, 158, 239);
+  color: #c7724d;
+}
+
+.curly {
+  color: #4794D3;
+}
+
+.square {
+  color: #805FBE;
 }
 
 .flex-row {
@@ -86,3 +94,4 @@ a {
   display: flex;
   flex-direction: row;
 }
+
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index 1df84c8..25b9e37 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-<p>{</p>
+<span class="curly">{</span>
 <main>
   <div class="one">
     <div class="flex-row">
@@ -12,12 +12,12 @@
       <span> <span class="highlight">"{{ .Site.Params.body }}"</span>, </span>
     </div>
     <span class="flex-col">
-      "Q & A":[ {{- range $index, $element := .Site.Params.faq }} {{- if ne
-      $index 0 }}
-      <div class="two">},</div>
+      <div>"Q & A":<span class="square">[</span></div>
+      {{- range $index, $element := .Site.Params.faq }} {{- if ne $index 0 }}
+      <div class="two"><span class="curly">}</span>,</div>
       {{ end }}
       <div class="two">
-        {
+        <span class="curly">{</span>
         <div class="three">
           <div>
             <span>"Q":</span
@@ -28,13 +28,16 @@
             ><span class="highlight">"{{ $element.answer }}"</span>
           </div>
         </div>
-        {{- if eq $index (sub (len $.Site.Params.faq) 1) }} } {{- end }}
+        {{- if eq $index (sub (len $.Site.Params.faq) 1) }}
+        <span class="curly">}</span> {{- end }}
       </div>
-      {{- end }} ],
+      {{- end }}
+      <div><span class="square">]</span>,</div>
     </span>
     <span class="flex-col">
-      "contact":{ {{ $length := len .Site.Params.contact }} {{ range $index,
-      $element := .Site.Params.contact }}
+      <div>"contact":<span class="curly">{</span></div>
+      {{ $length := len .Site.Params.contact }} {{ range $index, $element :=
+      .Site.Params.contact }}
       <div class="two">
         <div class="three contact">
           <span>"{{ $element.service }}"</span>:
@@ -42,7 +45,8 @@
           {{ if ne $index (sub $length 1) }},{{ end }}
         </div>
       </div>
-      {{ end }} },
+      {{ end }}
+      <div><span class="curly">}</span>,</div>
     </span>
   </div>
 </main>
@@ -63,5 +67,5 @@
     >
   </span>
 </footer>
-<p>}</p>
+<span class="curly">}</span>
 {{ end }}