From fb298289cf222e0f34ed83bca8f2f7cea45989cc Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Wed, 25 Jul 2018 17:39:07 -0600
Subject: [PATCH] Adjust theme

---
 index.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6a68819..9a9d4d2 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <meta charset=utf-8>
 <meta content="width=device-width,initial-scale=1" name=viewport>
 <title>Captcheck</title>
-<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.minty.min.css" />
+<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.materia.min.css" />
 <link rel="stylesheet" href="https://static.netsyms.net/prism/prism.css" />
 <script async src="https://static.netsyms.net/fontawesome/5.2/js/all.min.js"></script>
 <script defer async src="https://static.netsyms.net/prism/prism.js"></script>
@@ -15,6 +15,9 @@
         padding-left: 5px;
 
     }
+    .bg-minty {
+        background-color: #7dffd2;
+    }
 
     @media only screen and (min-width: 768px) and (max-width: 991px) {
         h2, h3 {
@@ -58,18 +61,18 @@
     <div class="row my-4">
         <div class="col-12 col-md-6">
             <div class="card">
-                <div class="card-header bg-primary text-light">
-                    <h4 class="card-heading d-flex"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4>
+                <div class="card-header bg-minty">
+                    <h4 class="card-heading d-flex mb-0"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4>
                 </div>
                 <div class="card-body">
-                    <iframe style="border: 0px solid white; width: 100%; height: 100%; height: 200px;" src="test.html" id="demoframe"></iframe>
+                    <iframe style="border: 0px solid white; width: 100%; height: 100%; height: 350px;" src="test.html" id="demoframe"></iframe>
                 </div>
             </div>
         </div>
         <div class="col-12 col-md-6">
             <div class="card">
-                <div class="card-header bg-primary text-light">
-                    <h4 class="card-heading">Use</h4>
+                <div class="card-header bg-minty">
+                    <h4 class="card-heading mb-0">Use</h4>
                 </div>
                 <div class="card-body">
                     <b>Put this in your page somewhere:</b>