diff --git a/docs/_static/radiotools.css b/docs/_static/radiotools.css
new file mode 100644
index 0000000..7e46226
--- /dev/null
+++ b/docs/_static/radiotools.css
@@ -0,0 +1,109 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:700|Roboto:400');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+body {
+  font-family: 'Roboto';
+  font-weight: 400;
+}
+
+h1, h2, h3, h4, h5 {
+font-family: 'Roboto';
+  font-weight: 700;
+}
+
+html {font-size: 100%;} /* 16px */
+
+h1 {
+  font-size: 2.489rem;
+  background-image: -webkit-gradient(
+    linear,
+    left top,
+    right top,
+    color-stop(0.03, var(--pst-color-primary)),
+    color-stop(0.60, var(--pst-color-secondary)),
+    color-stop(0.97, var(--pst-color-primary-highlight))
+);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+h1 .docutils {
+  -webkit-text-fill-color: var(--pst-color-inline-code);
+}
+
+h2 {font-size: 2.074rem; /* 33.12px */}
+
+h3 {font-size: 1.728rem; /* 27.68px */}
+
+h4 {font-size: 1.440rem; /* 23.04px */}
+
+h5 {font-size: 1.200rem; /* 19.2px */}
+
+small {font-size: 0.833rem; /* 13.28px */}
+
+
+:root {
+  --pst-font-family-monospace: "Fira Mono";
+}
+
+
+:root[data-theme="light"] {
+  --pst-color-text: #090704;
+  --pst-color-background: #faf8f5;
+  --pst-color-primary: #eb9f1b;
+  --pst-color-secondary: #a1d19f;
+  --pst-color-primary-highlight: #83c39c;
+  --pst-color-inline-code: var(--pst-color-primary-highlight);
+}
+:root[data-theme="dark"] {
+  --pst-color-text: #faf8f4;
+  --pst-color-background: #0a0805;
+  --pst-color-primary: #e69914;
+  --pst-color-secondary: #30602e;
+  --pst-color-primary-highlight: #3c7c54;
+  --pst-color-inline-code: var(--pst-color-primary-highlight);
+}
+
+
+dt:target {
+  background-color: var(--pst-color-surface);
+  border-radius: 10px;
+  padding: 5px 5px 5px 5px;
+}
+
+.bd-header-announcement {
+  background-color: var(--pst-color-secondary);
+}
+
+/* sphinx-design */
+.sd-card {
+  border-radius: 10px;
+  padding: 30px 10px 20px 10px;
+  margin: 10px 0px;
+}
+
+.sd-card .sd-card-header .sd-card-text {
+  margin: 0px;
+}
+
+.sd-card .sd-card-header {
+  border: none;
+  text-align: center;
+  font-size: var(--pst-font-size-h4);
+  font-weight: bold;
+  padding: 0.5rem 0rem 0.5rem 0rem;
+}
+
+.sd-card .sd-card-footer {
+  border: none;
+}
+
+.sd-card .sd-card-footer .sd-card-text {
+  max-width: 220px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.sd-card .sd-btn {
+  border-radius: 20px;
+}
diff --git a/docs/conf.py b/docs/conf.py
index c2308ac..189fc3f 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -72,6 +72,8 @@
 
 html_file_suffix = ".html"
 
+html_css_files = ["radiotools.css"]
+
 
 html_theme_options = {
     "github_url": "https://github.com/radionets-project/radiotools",