diff --git a/assets/css/style.css b/assets/css/style.css
index 898e868..dafc16c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -28,7 +28,7 @@ ul {
 
 code {
     background-color: #eee;
-    border: 0.01rem solid #999;
+    border: 1px solid #999;
     padding: 0rem 0.1rem 0rem 0.1rem;
 }
 
@@ -49,23 +49,32 @@ blockquote {
     font-family: "Ubuntu Mono";
 }
 
-pre {
+.note {
     background-color: #eee;
     border: 1px solid #999;
     display: block;
     padding: 0.5rem;
+}
+
+pre {
+    background-color: #111;
+    color: #fff;
+    border: 1px solid #999;
+    display: block;
+    padding: 0.5rem;
     font-family: "Ubuntu Mono";
-    
+
     overflow-x: auto;
 }
 
 #table-of-contents {
     position: sticky;
     top: 0;
+    padding-top: 0.5rem;
 }
 
 #content :is(h1, h2, h3, h4, h5, h6) {
-    display: inline; 
+    display: inline;
     border-bottom: 0.15rem solid #9c0000;
     width: 100%;
     padding-bottom: 0.1rem;
@@ -77,10 +86,6 @@ pre {
     color: black;
 }
 
-#content.textual {
-    margin: 0.5rem 0 0 0;
-}
-
 #organizer {
     display: flex;
     flex-direction: column;
@@ -94,7 +99,7 @@ pre {
 
 .sidebar {
     flex-basis: auto;
-    padding: 0 0.5rem 0 0.5rem;
+    padding: 0.5rem 0.5rem 0 0.5rem;
 }
 
 @media only screen and (orientation: landscape) {
@@ -104,6 +109,7 @@ pre {
 
     #content {
 	flex-basis: 80%;
+	margin: 0 0 0 0;
     }
 
     .sidebar {
@@ -111,6 +117,10 @@ pre {
     }
 }
 
+#content.textual {
+    margin: 0.5rem 2rem 0 2rem;
+}
+
 .card-toplevel {
     display: flex;
     flex-direction: column;
@@ -154,7 +164,7 @@ pre {
 }
 
 .card-content {
-    
+
 }
 
 #navbar-organizer {
@@ -166,7 +176,7 @@ pre {
 }
 
 #navbar-toplevel {
-    display: flex; 
+    display: flex;
     flex-direction: row;
     justify-content: space-between;
     width: 100%;