Added page for Lucy

www/css/main.css

@@ -97,6 +97,10 @@ textarea {
   --flo-accent-color: #FFE4E1;
   --flo-hover-bg-color: #00C4FF;
   --flo-hover-fg-color: #FFFFFF;
+  --lucy-bg-color: #ECCFC3;
+  --lucy-accent-color: #904C77;
+  --lucy-hover-bg-color: #E49AB0;
+  --lucy-hover-fg-color: #000000;
 }
 
 body {
@@ -167,6 +171,28 @@ div {
   text-decoration: none;
 }
 
+.links h2 {
+  margin: 0;
+  text-align: center;
+}
+
+.links #bio
+{
+  margin-bottom: 1rem;
+  text-align: center;
+}
+
+.links #lost
+{
+  background-color: #ECB8A5;
+  margin: 0 auto 0 auto;
+  width: 90%;
+  margin-bottom: 1rem;
+  padding: 1rem;
+  border-radius: 1rem;
+  text-align: center;
+}
+
 .splash.jason, .main.jason {
   background-color: var(--jason-bg-color);
   font-family: 'Raleway', sans-serif;
@@ -218,6 +244,40 @@ div {
   color: var(--flo-hover-fg-color);
 }
 
+.splash.lucy, .main.lucy {
+  background-color: var(--lucy-bg-color);
+  font-family: 'Asap', sans-serif;
+}
+
+.lucy h1, .lucy h2 {
+  font-family: 'Reenie Beanie', cursive;
+  font-weight: 400;
+}
+
+.lucy h1 a {
+  text-decoration: none;
+  color: var(--lucy-accent-color);
+}
+
+.links.lucy #lost a {
+  color: var(--lucy-accent-color);
+}
+
+.links.lucy #lost a:hover {
+  color: #FF0000;
+}
+
+.links.lucy li a {
+  background-color: var(--lucy-accent-color);
+  color: var(--lucy-bg-color);
+}
+
+.links.lucy li a:hover {
+  background-color: var(--lucy-hover-bg-color);
+  color: var(--lucy-hover-fg-color);
+}
+
+
 @media (orientation: landscape) {
   .main {
     width: 50vw;