Use a pretty font

diff --git a/backend/static/FiraCode-Bold.woff2 b/backend/static/FiraCode-Bold.woff2
new file mode 100644 (file)
index 0000000..d8b3179
Binary files /dev/null and b/backend/static/FiraCode-Bold.woff2 differ

diff --git a/backend/static/FiraCode-Light.woff2 b/backend/static/FiraCode-Light.woff2
new file mode 100644 (file)
index 0000000..9cb6aee
Binary files /dev/null and b/backend/static/FiraCode-Light.woff2 differ

diff --git a/backend/static/FiraCode-Medium.woff2 b/backend/static/FiraCode-Medium.woff2
new file mode 100644 (file)
index 0000000..dfeb9de
Binary files /dev/null and b/backend/static/FiraCode-Medium.woff2 differ

diff --git a/backend/static/FiraCode-Regular.woff2 b/backend/static/FiraCode-Regular.woff2
new file mode 100644 (file)
index 0000000..1979211
Binary files /dev/null and b/backend/static/FiraCode-Regular.woff2 differ

diff --git a/backend/static/FiraCode-SemiBold.woff2 b/backend/static/FiraCode-SemiBold.woff2
new file mode 100644 (file)
index 0000000..ecec57d
Binary files /dev/null and b/backend/static/FiraCode-SemiBold.woff2 differ

diff --git a/backend/style.scss b/backend/style.scss
index b008968..91d74e2 100644 (file)
--- a/backend/style.scss
+++ b/backend/style.scss
@@ -1,20 +1,26 @@
+@font-face{font-family: Fira Code; font-weight:200; src:url(FiraCode-Light.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:400; src:url(FiraCode-Regular.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); }
+@font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); }
+
 body {
-   text-shadow: 2px 2px 2px #DDD;
-   text-align: center;
-   color: #5b5b5b;
-   background-color: #ededed;
+  font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
+  text-shadow: 2px 2px 2px #DDD;
+  text-align: center;
+  color: #5b5b5b;
+  background-color: #ededed;
 }
 
 h1 {
-  font-size: 22px;
+  font-size: 25px;
   margin: 20px;
 }
 
 p {
   font-size: 18px;
-  margin: 15px;
+  margin: 12px;
 }
 
 img {
-   border: 0px;
+  border: 0px;
 }