diff --git a/index.html b/index.html
index 62fc5a3..35c7ed0 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,7 @@
 <body>
 
     <!-- To do:
+        - Upload a save file directly (option) 
         - Calculate all % in all categories from save data
         - Single Pale Ore locations? (required for completion)
         - Single Keys/Pass locations? (required for completion)
@@ -45,7 +46,10 @@
 
     <div>
         <textarea name="save-area" id="save-area"></textarea>
-        <button id="save-area-read" onclick="HKReadTextArea();">Analyze</button>
+        <div class="buttons">
+            <button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button>
+            <!-- <button id="save-area-file" class="button" onclick="">Choose File</button> -->
+        </div>
     </div>
 
     <div style="margin-bottom: 20px;"></div>
diff --git a/style.css b/style.css
index 49d212b..2d6f433 100644
--- a/style.css
+++ b/style.css
@@ -26,11 +26,36 @@ h1 {
 #save-area {
     width: 100%;
     height: calc(0.1 * 100vh);
-    margin: .5rem 0;
+    margin: .5rem 0 .3rem 0;
+    font-family: monospace;
 }
 #save-area-read {
-    margin: 0 auto;
-    display: block;
+    ;
+}
+.buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.button {
+    display: flex;
+    font-size: 1rem;
+    font-weight: 500;
+    font-family: 'Heebo', sans-serif;
+    text-align: center;
+    background-color: #1e406c;
+    color: #e3ebf7;
+    border: 2px solid #122c4e;
+    padding: 0.3rem 1rem;
+    margin: 0 .5rem;
+}
+.button:hover {
+    background-color: #285188;
+    cursor: pointer;
+}
+.button:focus {
+    outline: 2px solid #529dff;
+    outline-offset: -2px;
 }
 h2 {
     margin: 0.6rem 0;
