From 5127b012fb54eb14d38f4ff0750ec9c0e3747c7f Mon Sep 17 00:00:00 2001
From: "Glitch (wiry-plaid-valley)" <none>
Date: Fri, 16 Oct 2020 17:58:14 +0000
Subject: [PATCH] Rewound to commit 34487b826755ba40659695a090bcca7c3e22d912 +
 0 edits

---
 index.html |  2 +-
 style.css  | 69 +++++++++++++++++-------------------------------------
 2 files changed, 22 insertions(+), 49 deletions(-)

diff --git a/index.html b/index.html
index 961f186..7af7653 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
       </div>
       <img src="/illustration.svg" class="illustration" />
     </div>
-    <div class="navigation">
+    <div class="remix">
       <div>
         <button class="btn--remix">
           <img
diff --git a/style.css b/style.css
index 6b65807..8f63d1f 100644
--- a/style.css
+++ b/style.css
@@ -1,60 +1,36 @@
-/* Our default values set for mobile */
+/* Our CSS values that we'll use in the rest of our styling */
 :root {
-  --color-bg: #69F7BE;
-  --color-text-main: #373fff;
-  --wrapper-height: 120vh;
-}
-
-/* Tablet portrait */
-@media (min-width: 768px) {
-  :root {
-  --wrapper-hight: 80vh;
-  }
-}
-
-/* Tablet Landscape */
-@media (min-width: 1024px) {
-  :root {
-    --wrapper-height: 80vh;
-  }
-}
-
-/* Desktop */
-@media (min-width: 1280px) {
-:root {
-    --wrapper-height: 90vh;
-  }
+  --main-bg-color: #69F7BE;
+  --main-text-color: #373fff;
 }
 
 @font-face {
-  font-family: HK Grotesk;
-  src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf?v=1602782380076")
-    format("opentype");
+    font-family: HK Grotesk;
+    src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf?v=1602782380076") format("opentype");
 }
 
 @font-face {
-  font-family: HK Grotesk;
-  font-weight: bold;
-  src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf?v=1602782484249")
-    format("opentype");
+    font-family: HK Grotesk;
+    font-weight: bold;
+    src: url("https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf?v=1602782484249") format("opentype");
 }
 
 body {
   font-family: HK Grotesk;
-  background-color: var(--color-bg);
+  background-color: var(--main-bg-color);
 }
 
 .title {
-  color: var(--color-text-main);
+  color: var(--main-text-color);
   font-family: HK Grotesk;
   font-style: normal;
   font-weight: bold;
-  font-size: 134px;
+  font-size: 164px;
   line-height: 105%;
 }
 
 .wrapper {
-  min-height: var(--wrapper-height);
+  min-height: 95vh;
   display: grid;
   place-items: center;
 }
@@ -65,20 +41,18 @@ body {
   padding: 1rem;
 }
 
-/* Navigation grid */
-.navigation {
+/* Our remix on glitch button + grid for other actions */
+.remix {
   display: grid;
   place-items: end;
 }
 
-
-/* Our remix on glitch button + grid for other actions */
 .btn--remix {
   font-family: HK Grotesk;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-left: .75rem;
+  padding-right: .75rem;
+  padding-top: .5rem;
+  padding-bottom: .5rem;
   font-size: 1.1rem;
   line-height: 1rem;
   font-weight: 500;
@@ -92,11 +66,10 @@ body {
 }
 
 .btn--remix img {
-  margin-right: 0.75rem;
+  margin-right: .75rem;
 }
 
-/* Very light scaling for our illustration */
 .illustration {
-  max-width: 70%;
-  max-height: 400px;
+  max-width: 80%;
+
 }