🍕🔖 Checkpoint

./index.html:69682263/1217
./styles/main.css:69682263/791

styles/main.css

@@ -1,8 +1,8 @@
 /* Our default values set as CSS variables */
 :root {
-  --color-bg: #69F7BE;
-  --color-text-main: #000000;
-  --color-text-header: #2800FF;
+  --color-bg: #f0f0f0;
+  --color-text-main: #185370;
+  --color-text-header: #93005D;
   --color-primary: #FFFF00;
   --wrapper-height: 87vh;
   --image-max-width: 300px;
@@ -72,6 +72,7 @@ END Glitch hello-app default styles
 body {
   font-family: HK Grotesk;
   background-color: var(--color-bg);
+  color: var(--color-text-main);
 }
 
 /* Page structure */
@@ -84,21 +85,26 @@ body {
 .content {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
 }
 
-.title {
+/* Headings */
+h1, h2, h3 {
   color: var(--color-text-header);
-  font-family: HK Grotesk;
-  font-style: normal;
   font-weight: bold;
-  font-size: 65px;
   line-height: 105%;
-  margin: 0;
 }
 
-/* Subheading */
-h2, h3 {
-  color: var(--color-text-header);
+h1 {
+  font-size: 3rem;
+  margin: 1rem 0;
+}
+
+h2 {
+  font-size: 2rem;
+  margin: .5rem 0 0 0;
+}
+
+h3 {
+  font-size 1.5rem;
+  margin: .5rem 0 0 0;
 }