🏋😼 Checkpoint

./style.css:617503/2126
./.glitch-assets:617503/372
./index.html:617503/2766

.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"}

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 -->

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;