From cb376a836c49d391e2bad5ff43e246bf21011b89 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-node)" <none>
Date: Thu, 15 Apr 2021 13:04:06 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=B2=F0=9F=92=84=20Checkpoint=20./publi?=
 =?UTF-8?q?c/style.css:14029292/598?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/style.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/public/style.css b/public/style.css
index c10b91a..4235839 100644
--- a/public/style.css
+++ b/public/style.css
@@ -117,35 +117,36 @@ body {
 .content {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  align-items: left;
+  justify-content: left;
 }
 
 /* Title h1 style */
 .title {
-  color: var(--color-text-main);
+  color: #2800FF;
   font-family: HK Grotesk;
   font-style: normal;
   font-weight: bold;
   font-size: 100px;
   line-height: 105%;
-  margin-bottom: 1.5rem;
+  margin: 2rem 0 0;
 }
 
 /* Very light scaling for our illustration */
 .illustration {
-  max-width: 30%;
-  
+  max-width: 100%;
+  max-height: 200px;
   margin-top: 0;
 }
 
 /* Styles for our custom color form and its results */
 .color-info {
-  margin-top: -1.5rem;
+  
 }
 .color-form {
-  width: 80%;
-  max-width: var(--image-max-width);
+  width: 90%;
+  max-width: 500px;
+  margin-left: 5px;
 }
 .color-form a:not(.btn--remix) {
   font-weight: bold;