collapse sidebar on small screens

the site is fully accessible through the header navbar so we can hide
the sidebar when it takes up more screen than its worth now!

1 files changed, 6 insertions, 0 deletions

diff --git a/site.css b/site.css
index addc8598..5beed493 100644
--- a/site.css
+++ b/site.css
@@ -77,6 +77,12 @@ a:hover {
     white-space: nowrap;
 }
 
+@media (max-width: 780px) {
+    #sidebar {
+        display: none;
+    }
+}
+
 #sidebar, #content, #header {
     background-color: rgba(var(--bg-shade), var(--bg-shade), var(--bg-shade), 0.6);
     border: 1px dotted var(--fg-color);