commit 08324c75477d69a0f8fd2488bc6c98c6945cf561
Author: Nhân <hi@imnhan.com>
Date:   Mon Aug 21 12:48:34 2023 +0700

    more styles: video, sup, .sidenote

diff --git a/docs/_theme/base.css b/docs/_theme/base.css
index f68f6ee..c061eb7 100644
--- a/docs/_theme/base.css
+++ b/docs/_theme/base.css
@@ -10,7 +10,8 @@ ol {
   line-height: 1.35rem;
 }
 
-main img {
+main img,
+main video {
   max-width: 100%;
 }
 
@@ -20,12 +21,21 @@ footer {
   font-size: 0.8rem;
 }
 
-pre {
-  padding: 0.5rem;
+pre,
+.sidenote {
   border: 1px solid black;
   background-color: #eee;
+  padding: 0.5rem;
+}
+pre {
   overflow-y: scroll;
 }
+.sidenote {
+  margin-left: 2rem;
+}
+.sidenote p {
+  margin: 0;
+}
 
 blockquote {
   padding-left: 7px;
@@ -41,3 +51,7 @@ blockquote::before {
   font-size: 3em;
   content: open-quote;
 }
+
+sup {
+  line-height: 1rem; /* prevents it from pushing up the line */
+}
diff --git a/theme/base.css b/theme/base.css
index f68f6ee..c061eb7 100644
--- a/theme/base.css
+++ b/theme/base.css
@@ -10,7 +10,8 @@ ol {
   line-height: 1.35rem;
 }
 
-main img {
+main img,
+main video {
   max-width: 100%;
 }
 
@@ -20,12 +21,21 @@ footer {
   font-size: 0.8rem;
 }
 
-pre {
-  padding: 0.5rem;
+pre,
+.sidenote {
   border: 1px solid black;
   background-color: #eee;
+  padding: 0.5rem;
+}
+pre {
   overflow-y: scroll;
 }
+.sidenote {
+  margin-left: 2rem;
+}
+.sidenote p {
+  margin: 0;
+}
 
 blockquote {
   padding-left: 7px;
@@ -41,3 +51,7 @@ blockquote::before {
   font-size: 3em;
   content: open-quote;
 }
+
+sup {
+  line-height: 1rem; /* prevents it from pushing up the line */
+}