diff --git a/docs/.authors.yml b/docs/.authors.yml
index ba5cf97..30c882a 100644
--- a/docs/.authors.yml
+++ b/docs/.authors.yml
@@ -2,4 +2,4 @@ authors:
   hatedabamboo:
     name: Kirill Solovei
     description: that guy
-    avatar: https://github.com/hatedabamboo.png
+    avatar: assets/avatar.webp
diff --git a/docs/assets/avatar.webp b/docs/assets/avatar.webp
new file mode 100644
index 0000000..30726b6
Binary files /dev/null and b/docs/assets/avatar.webp differ
diff --git a/docs/posts/deploying-react-application-with-aws-amplify.md b/docs/posts/deploying-react-application-with-aws-amplify.md
index 9eb736d..c1d4924 100644
--- a/docs/posts/deploying-react-application-with-aws-amplify.md
+++ b/docs/posts/deploying-react-application-with-aws-amplify.md
@@ -104,7 +104,7 @@ Now, let’s finally deploy the application using Amplify!
 
 The first step is to connect the application repository to the Amplify project.
 
-![Connect repository](../assets/deploying-react-app-with-aws-amplify-start.png){ loading = lazy }
+![Connect repository](../assets/deploying-react-app-with-aws-amplify-start.png){ loading=lazy }
 
 Select GitHub and click "Next". You can use any Git provider you prefer, or
 even an S3 bucket as the source for your code. My application is stored on
diff --git a/docs/posts/everything-as-code.md b/docs/posts/everything-as-code.md
index ef01822..6da826b 100644
--- a/docs/posts/everything-as-code.md
+++ b/docs/posts/everything-as-code.md
@@ -35,7 +35,7 @@ around for centuries.
 What comes to mind when you hear the word "code"? Most of us (myself included)
 immediately think of a programming language.
 
-![The "code"](../assets/everything-as-code/code.webp){ loading = lazy }
+![The "code"](../assets/everything-as-code/code.webp){ loading=lazy }
 
 But the word "code" wasn’t originally popularized by programmers. Long before
 computers existed, humans developed ways to encode information, often to
@@ -74,7 +74,7 @@ infinity steps in their core process, each of which performs a certain action.
 And they have an output: a rocket engine that's starting, a package with part
 of a meme flying over fiber optics, or a number.
 
-![Algorithm](../assets/everything-as-code/algorithm.webp){ loading = lazy }
+![Algorithm](../assets/everything-as-code/algorithm.webp){ loading=lazy }
 
 And the logic presented in this very part is described via code.
 
@@ -215,7 +215,7 @@ just a text in one way or another.
 I can imagine many of you, like me, kept track of some text files in a way like
 this.
 
-![Version control](../assets/everything-as-code/version-control.webp){ loading = lazy }
+![Version control](../assets/everything-as-code/version-control.webp){ loading=lazy }
 
 This was long before I started working in IT. But you know what? This also was
 a version control system of sorts. Though it is not actually a system, it
@@ -312,7 +312,7 @@ And I must say, the developers of these tools did a marvelous job at allowing
 us, system engineers, to configure the software via the code. Can you imagine
 recreating all this manually each time you fuck up the Terraform deployment?
 
-![Dashboard](../assets/everything-as-code/grafana-dashboard.webp){ loading = lazy }
+![Dashboard](../assets/everything-as-code/grafana-dashboard.webp){ loading=lazy }
 
 Instead, we have a blessed possibility to just copy several thousand something
 JSON into the repository and never have to do it ever again. Thank you,
@@ -336,7 +336,7 @@ not as much as we should write.
 
 What comes to your mind when you think about documentation?
 
-![Confluence](../assets/everything-as-code/confluence.webp){ loading = lazy }
+![Confluence](../assets/everything-as-code/confluence.webp){ loading=lazy }
 
 Confluence. This is what I think of the most. And gods I hate this thing.
 
diff --git a/docs/stylesheets/OpenSans.woff2 b/docs/stylesheets/OpenSans.woff2
new file mode 100644
index 0000000..0beab54
Binary files /dev/null and b/docs/stylesheets/OpenSans.woff2 differ
diff --git a/docs/stylesheets/RobotoMono.woff2 b/docs/stylesheets/RobotoMono.woff2
new file mode 100644
index 0000000..1d988a3
Binary files /dev/null and b/docs/stylesheets/RobotoMono.woff2 differ
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
new file mode 100644
index 0000000..7828cfc
--- /dev/null
+++ b/docs/stylesheets/extra.css
@@ -0,0 +1,65 @@
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 300;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 700;
+    font-stretch: 100%;
+    font-display: fallback;
+    src: url("OpenSans.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 300;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 400;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 700;
+    font-display: fallback;
+    src: url("RobotoMono.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+:root {
+    --md-text-font: "Open Sans";
+    --md-code-font: "Roboto Mono"
+}
+
+.md-typeset {
+    font-size: 20px;
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index 7fb9b36..d22540d 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -16,6 +16,9 @@ extra:
     - icon: fontawesome/brands/mastodon
       link: https://mastodon.social/@hatedabamboo
 
+extra_css:
+  - stylesheets/extra.css
+
 markdown_extensions: 
   - admonition
   - attr_list
@@ -84,8 +87,7 @@ theme:
     - navigation.sections
     - navigation.tabs
     - navigation.top
-  font:
-    text: Open Sans
+  font: false
   icon:
     logo: material/note-edit-outline
     next: fontawesome/solid/angle-right