feat: add bitter font for headingsfeat/revisit

1 files changed, 34 insertions, 0 deletions

diff --git a/src/style.css b/src/style.css
index 54b39b3..e4eb8a5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,7 +1,22 @@
+@font-face {
+  font-family: "Bitter";
+  src: local("Bitter"), url("./fonts/Bitter-Regular.woff") format("truetype");
+}
 html {
   font-family: "Open Sans", sans-serif;
   color: #ebdbb2;
   background-color: #282828;
+}
+body {
+  margin: 0 auto;
+  max-width: 1100px;
+  padding-left: 50px;
+  padding-right: 50px;
+  padding-top: 50px;
+  padding-bottom: 50px;
+  word-wrap: break-word;
+  text-rendering: optimizeLegibility;
+  font-kerning: normal;
   font-size: 16px;
 }
 p {
@@ -15,7 +30,20 @@ a:hover {
   text-decoration: underline;
 }
 h1, h2, h3, h4, h5, h6 {
+  font-family: "Bitter", serif;
   font-weight: normal;
+  line-height: 1.1;
+  margin-top: 1.4em;
+}
+h2 {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+ol, ul {
+  padding-left: 1.7em;
+  margin-top: 1em;
+}
+li > ol, li > ul {
+  margin-top: 0;
 }
 code {
   font-family: monospace;
@@ -26,3 +54,9 @@ code {
   border-radius: 4px;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
+
+.SolutionCard {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  padding: 4px;
+  margin: 8px;
+}