updates

main.css

@@ -86,12 +86,10 @@ h1 {
 }
 
 #headin {
-    padding-top: 2%;
     padding-bottom: 2%;
-    transition: background-color 0.3s, color 0.3s;/*
     display: flex;
     justify-content: center;
-    align-items: center;*/
+    align-items: center;
 }
 
 h1 {
@@ -100,9 +98,9 @@ h1 {
 
 #head-marker.scrolly-out + #headin {
     position: fixed;
+    transition: background-color 0.3s, color 0.3s;
     top: 0px;
     left: 0px;
-    background-color: slateblue;
     color: lightgreen;
     /*margin-left: var(--sidebar-size);*/
     width: calc(100vw); /*- var(--sidebar-size)*/
@@ -112,11 +110,6 @@ h1 {
     background-color: black;
 }
 
-body {
-    /*display: grid;
-    grid-template-columns: var(--sidebar-size) auto;*/
-}
-
 #outer {
     position: relative;
     height: 100vh;
@@ -144,11 +137,6 @@ body {
     padding-left: 10px;
 }
 
-#sider-cats > input:checked + label {
-    /*border-right: 2px solid red;
-    border-bottom: 2px solid red;*/
-}
-
 #sider-cats > label {
     color: #333333;
     padding-right: 10px;
@@ -178,4 +166,10 @@ a {
 
 a:hover {
     color: darkgreen;
+}
+
+@media (max-width: 1000px) {
+    #headin {
+        flex-direction: column;
+    }
 }

main.js

@@ -47,4 +47,5 @@ window.addEventListener("scrollend", scrollchecks);
 window.addEventListener("wheel", scrollchecks);
 window.addEventListener("resize", scrollchecks);
 window.addEventListener("load", scrollchecks);
+window.addEventListener("touchmove", scrollchecks);
 setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.