Initial

bin/custom.css

@@ -0,0 +1,62 @@
+.button {
+    border: 2px solid #ff5050;
+    color: #ff5050;
+    background-color: #fff;
+    padding: 16px 32px;
+    font-size: 16px;
+    font-weight: bold;
+    margin: 4px 2px;
+    cursor: pointer;
+}
+
+.button:hover {
+    color: #fff;
+    background-color: #ff5050;    
+}
+
+div.topnav {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    padding-right: 1em;
+    background-color: white;
+    overflow: hidden;
+    width: max-content;
+    max-width: 100%;
+}
+
+.topnav a {
+    float: left;
+    color:grey;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 16px;
+    display: block;
+}
+
+.topnav a:hover {
+    background-color: whitesmoke;
+    color: black;
+}
+
+/* Override original Tufte CSS */
+
+p {
+    -webkit-hyphens: auto;
+    -moz-hyphens: auto;
+    -ms-hyphens: auto;
+}
+
+h2, h3 {
+    font-style: unset;
+}
+
+@media (max-width: 760px) {
+    .sidenote, .marginnote {
+        /* for now, until toggle works */
+        display: block;
+        width: 90%;
+        margin: 2rem auto;
+    }
+}