3 files changed, 15 insertions, 54 deletions
diff --git a/flashcards.html b/flashcards.html
index b936f46..72706ab 100644
--- a/flashcards.html
+++ b/flashcards.html
@@ -7,24 +7,17 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <div class="banner top-banner">UNCLASSIFIED // FOUO</div>
-
-    <div class="banner bottom-banner">UNCLASSIFIED // FOUO</div>
-
-    <div class="content">
-
-      <div id="flashcard">
-        <div id="flashcard-front"></div>
-        <div id="flashcard-back"></div>
-      </div>
+    <div id="flashcard">
+      <div id="flashcard-front"></div>
+      <div id="flashcard-back"></div>
+    </div>
 
-      <div class="status-section">
-        <div id="status-info">
-          No cards loaded!
-        </div>
-        <hr>
-        <input type="file" id="cards-input" accept=".json" />
+    <div class="status-section">
+      <div id="status-info">
+        No cards loaded!
       </div>
+      <hr>
+      <input type="file" id="cards-input" accept=".json" />
     </div>
 
     <div id="button-container">
diff --git a/script.js b/script.js
index a0ee7c7..ad58179 100644
--- a/script.js
+++ b/script.js
@@ -389,12 +389,14 @@ window.addEventListener('keydown', (event) => {
   if (event.code === 'Space') {
     flipCard();
   } else if (event.code === 'Digit1' || event.code === "Numpad1") {
-    rateCard('forgot')
+    rateCard('forgot');
   } else if (event.code === 'Digit2' || event.code === "Numpad2") {
-    rateCard('easy')
+    rateCard('easy');
   } else if (event.code === 'Digit3' || event.code === "Numpad3") {
-    rateCard('good')
+    rateCard('good');
   } else if (event.code === 'Digit4' || event.code === "Numpad4") {
-    rateCard('hard')
+    rateCard('hard');
+  } else if (event.code === 'KeyQ') {
+    endReview();
   }
 });
diff --git a/style.css b/style.css
index 82a09f5..6c77a0c 100644
--- a/style.css
+++ b/style.css
@@ -79,37 +79,3 @@ body {
     filter: drop-shadow(2px 2px 5px gray);
     box-shadow: 2px 2px 5px gray;
 }
-
-
-* {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-.banner {
-    position: fixed;
-    width: 100%;
-    color: white;
-    text-align: center;
-    font-weight: bold;
-    line-height: 16px;
-    font-size: 12px;
-    z-index: 100;
-}
-
-.top-banner {
-    top: 0;
-    background-color: #008000;
-}
-
-.bottom-banner {
-    bottom: 0;
-    background-color: #008000;
-}
-
-.content {
-    padding: 20px;
-    max-width: 800px;
-    margin: auto;
-}