diff --git a/src/styles/app.scss b/src/styles/app.scss
index 716d0a5..6e25c74 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,22 +1,24 @@
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap');
 
 $color: #f8efba;
+$bgcolor: #2c3a47;
+$font-family: 'Fira Mono', monospace;
 
 body {
   text-align: center;
-  font-family: 'Anonymous Pro', monospace;
+  font-family: $font-family;
   background-color: #2c3a47;
   color: $color;
   margin: 0;
 }
 
 button {
-  font-family: 'Anonymous Pro', monospace;
+  font-family: $font-family;
   border: none;
   padding: 1rem;
   text-decoration: none;
-  background: #0069ed;
-  color: $color;
+  background: $color;
+  color: $bgcolor;
   cursor: pointer;
   transition: background 250ms ease-in-out, transform 150ms ease;
   border-radius: 0.5rem;
@@ -24,7 +26,7 @@ button {
 
 button:hover,
 button:focus {
-  background: #0053ba;
+  background: darken($color, 15);
 }
 
 button:active {