diff --git a/fontScaler.js b/fontScaler.js
index c09116e..e830d67 100644
--- a/fontScaler.js
+++ b/fontScaler.js
@@ -1,9 +1,26 @@
-console.log(document)
+var fontSize = parseInt(localStorage.getItem("fontSize")) ?? 100
+document.documentElement.style.fontSize = fontSize + "%";
+
+// code to make buttons work
+function big()
+{
+  fontSize += 10;
+  document.documentElement.style.fontSize = fontSize + "%";
+  localStorage.setItem("fontSize", fontSize)
+}
+
+
+function small()
+{
+  fontSize -= 10;
+  document.documentElement.style.fontSize = fontSize + "%";
+  localStorage.setItem("fontSize", fontSize)
+}
+
 // add buttons
 document.body.innerHTML += 
   "<div class=\"font_scaler\">" +
-  "<button><img src=\"increasefont.svg\"/></button>" +
-  "<button><img src=\"decreasefont.svg\"/></button>" +
+  "<button onclick=\"big()\"><img src=\"increasefont.svg\"/></button>" +
+  "<button onclick=\"small()\"><img src=\"decreasefont.svg\"/></button>" +
   "</div>"
 
-// code to make buttons work
diff --git a/style.css b/style.css
index 2f67de5..05920b8 100644
--- a/style.css
+++ b/style.css
@@ -169,12 +169,15 @@ main .socials{
 
 .font_scaler{
   position: fixed;
+  bottom: 0;
+  left: 0;
 }
 .font_scaler button{
   background: none;
   background-color: white;
   border: none;
   margin-left: 10px;
+  margin-bottom: 10px;
   padding: 5px;
   transition: background-color 0.5s;
 }