From 118803da5d4c2a0bc4e3cd0cde8597b367cf4c1c Mon Sep 17 00:00:00 2001
From: Brad Ganley <bradganley@pm.me>
Date: Fri, 24 Nov 2023 15:50:36 -0600
Subject: [PATCH] merged changes from typehere master repo

---
 style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 0ddf129..c2846ae 100644
--- a/style.css
+++ b/style.css
@@ -6,13 +6,16 @@ html, body {
 }
 
 #typingCanvas {
-    width: 100%;
-    height: 100%;
+    --padding: 20px;
+
+    width: calc(100% - 2 * var(--padding));
+    height: calc(100% - 2 * var(--padding));
+
     border: none;
     outline: none; /* Removes the default focus outline */
     background: transparent; /* Makes the textarea background transparent */
     margin: 0;
-    padding: 20px; /* Adds some padding for better text positioning */
+    padding: var(--padding); /* Adds some padding for better text positioning */
     resize: none;
     font-family: "Lucida Console", "Courier New", monospace;
     font-size: 20px;