mosch
diff --git a/‎packages/demo/images/arrow-down.png‎
-216 Bytes b/‎packages/demo/images/arrow-down.png‎
-216 Bytes
diff --git a/‎packages/demo/images/octocat-small.png‎
-357 Bytes b/‎packages/demo/images/octocat-small.png‎
-357 Bytes
diff --git a/‎packages/demo/index.html‎
Lines changed: 8 additions & 52 deletions b/‎packages/demo/index.html‎
Lines changed: 8 additions & 52 deletions
@@ -1,62 +1,18 @@
 <!doctype html>
-<html>
+<html lang="en">
   <head>
     <title>react-avatar-editor</title>
-
     <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, user-scalable=no"
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&display=swap"
+      rel="stylesheet"
     />
-    <style>
-      html,
-      body {
-        background-color: #121212;
-        color: #fff;
-        font-family:
-          -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
-          'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji',
-          'Segoe UI Emoji', 'Segoe UI Symbol';
-      }
-      .wrapper {
-        margin: 0 auto;
-        width: 100%;
-        max-width: 500px;
-      }
-
-      .preview {
-        display: inline-block;
-        background: rgb(242, 158, 181);
-        background: linear-gradient(
-          315deg,
-          rgba(242, 158, 181, 1) 0%,
-          rgba(243, 89, 120, 1) 100%
-        );
-        padding: 20px;
-        border-radius: 20px;
-      }
-    </style>
   </head>
   <body>
-    <div class="wrapper">
-      <header>
-        <h1 class="header">react-avatar-editor</h1>
-      </header>
-      <section>
-        <h2>Demo time</h2>
-        <div id="app"></div>
-      </section>
-      <footer>
-        <p>
-          <small
-            ><a href="https://github.com/mosch/react-avatar-editor"
-              >Github</a
-            ></small
-          >
-        </p>
-      </footer>
-    </div>
+    <div id="app"></div>
     <script src="./src/index.tsx" type="module"></script>
   </body>
 </html>