diff --git a/assets/css/page.css b/assets/css/page.css
index a4dcb3acc96123b18f0b0a55f5f059bb9e403b27..76b99d000d6942a7d8b5c12423308a21e4e3f8a1 100644
--- a/assets/css/page.css
+++ b/assets/css/page.css
@@ -1230,3 +1230,32 @@ details summary:before {
     transform: translateY(-10px);
   }
 }
+
+.sidecode {
+  width: 50%;
+  overflow: hidden;
+}
+.sidecode pre {
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
+sidenote {
+  position: absolute;
+  width: 45%;
+  margin-right: 5%;
+  right: -12px;
+  padding-left: 11px;
+  border-left: 3px solid #e9b040;
+  font-family: 'icomoon';
+  font-size: 17px;
+  text-align: justify;
+}
+sidenote + point {
+  content:'';
+  display: inline-block;
+  width: 100%;
+  margin: 0 -100% 0 .5em;
+  vertical-align: middle;
+  border-bottom: 1px solid #e9b040;
+}