From 8ad0f910d7e7fe89eecc2006c3feb21e3ca151dd Mon Sep 17 00:00:00 2001
From: "Glitch (hello-webpage)" <none>
Date: Thu, 15 Oct 2020 17:11:55 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=8B=F0=9F=98=BC=20Checkpoint=20./style?=
 =?UTF-8?q?.css:617503/2126=20./.glitch-assets:617503/372=20./index.html:6?=
 =?UTF-8?q?17503/2766?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .glitch-assets |  1 +
 index.html     |  7 +++++--
 style.css      | 23 ++++++++++++++++++++++-
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/.glitch-assets b/.glitch-assets
index 954626f..34c065d 100644
--- a/.glitch-assets
+++ b/.glitch-assets
@@ -4,3 +4,4 @@
 {"uuid":"adSBq97hhhpFNUna","deleted":true}
 {"uuid":"adSBq97hhhpFNUnb","deleted":true}
 {"uuid":"adSBq97hhhpFNUnc","deleted":true}
+{"name":"Logo_Color.svg","date":"2020-10-15T17:02:08.576Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","type":"image/svg+xml","size":25537,"imageWidth":19,"imageHeight":14,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","thumbnailWidth":19,"thumbnailHeight":14,"uuid":"XPQ2UUJettC9yQ6L"}
diff --git a/index.html b/index.html
index 87a4acf..5e2e1eb 100644
--- a/index.html
+++ b/index.html
@@ -19,10 +19,13 @@
         <h1>Hello world!</h1>
       </div>
       <img src="/illustration.svg" class="illustration" />
-      <button>
+    </div>
+    <button class="btn--remix">
+        <img
+          src="https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg?v=1602781328576"
+        />
         Remix on Glitch
       </button>
-    </div>
 
     <!-- include the Glitch button to show what the webpage is about and
           to make it easier for folks to view source and remix -->
diff --git a/style.css b/style.css
index 72746a2..b3e08d7 100644
--- a/style.css
+++ b/style.css
@@ -9,7 +9,7 @@ body {
   background-color: var(--main-bg-color);
 }
 
-h1 {
+.title {
   color: var(--main-text-color);
   font-size: 164pt;
 }
@@ -27,6 +27,27 @@ h1 {
   padding: 1rem;
 }
 
+.btn--remix {
+  padding-left: .75rem;
+  padding-right: .75rem;
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+  font-size: 1.1rem;
+  line-height: 1rem;
+  font-weight: 500;
+  align-items: center;
+  display: inline-flex;
+  cursor: pointer;
+  background: #FFFFFF;
+  border: 1px solid #000000;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+
+.btn--remix img {
+  margin-right: .75rem;
+}
+
 .illustration {
   position: relative;
   bottom: 10em;