🍲💄 Checkpoint

./public/style.css:14029292/598

public/style.css

@@ -117,35 +117,36 @@ body {
 .content {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: left;
-  justify-content: center;
+  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%;
+  width: 90%;
-  max-width: var(--image-max-width);
+  max-width: 500px;
+  margin-left: 5px;
 }
 .color-form a:not(.btn--remix) {
   font-weight: bold;