Make subtitle maroon

Makes it stand out a bit differently.

3 files changed, 8 insertions, 1 deletions

diff --git a/assets/styles.css b/assets/styles.css
index d7bb46d..4ef6310 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -1,4 +1,7 @@
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
+.color-maroon {
+	color: #4e0303;
+}
 .color-murky-pond {
 	color: #91947f;
 }
diff --git a/assets/stylesheets/color.hcss b/assets/stylesheets/color.hcss
index e8912f3..aa06e76 100644
--- a/assets/stylesheets/color.hcss
+++ b/assets/stylesheets/color.hcss
@@ -10,6 +10,10 @@ set(MAROON, #4e0303)
 set(MILK_CHOCOLATE, #402929)
 set(MURKY_POND, #91947f)
 
+.color-maroon {
+	color: MAROON;
+}
+
 .color-murky-pond {
 	color: MURKY_POND;
 }
diff --git a/index.html b/index.html
index 690d362..02a6420 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 			<img src="assets/logo.svg" alt="DomeKey logo" />
 		</header>
 
-		<p class="font-size-1.52">
+		<p class="font-size-1.52 color-maroon">
 			Control your computer with a pair of headphones
 		</p>