trim down main stylesheet of unnecessary styles

src/_includes/styles.css

@@ -1,13 +1,3 @@
-/* // Bootstrap overrides
-// @import './base/bootstrap_overrides';
-
-// Bootstrap
-// @import './vendor/bootstrap'; */
-
-/* @import './normalize.css'; */
-
-/* / */
-
 /* Global variables. */
 :root {
   /* Set sans-serif & mono fonts */
@@ -80,20 +70,12 @@ hr {
 body {
   color: var(--text);
   background: var(--bg);
-  /* background-size: cover;
-  background-attachment: fixed; */
   line-height: 1.3;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 20px;
   min-height: 100vh;
-  /* align-items: flex-start; */
-  /* background-image: url("/img/l_ash02_big.jpg"); */
-  /* font-size: 1.15rem; */
-  /* height: 100vh; */
-  /* margin: 20px; */
-  /* padding: 0 1em; */
 }
 
 main {
@@ -105,9 +87,6 @@ main {
   padding: 15px;
   min-height: max-content;
   box-sizing: border-box;
-  /* // margin: 0 auto; */
-  /* border: 2px solid var(--border); */
-  /* border-radius: 15px; */
 }
 
 aside {
@@ -327,11 +306,12 @@ footer {
   border: 2px solid var(--border);
 }
 
+/* simple lightbox pulled from https://codepen.io/nebo/pen/ONXejO */
+
 .trans
 {
 	transition: all 0.25s ease;
 }
-
 .lightbox
 {
 	position: fixed;
@@ -367,78 +347,4 @@ footer {
 	top: 0;
 	top: 50%;
 	transform: translateY(-50%);
-}
+}
-
-/* body > footer {
-  margin-top: 4rem;
-  padding: 2rem 1rem 1.5rem 1rem;
-  color: var(--text-light);
-  font-size: 0.9rem;
-  text-align: center;
-  border-top: 1px solid var(--border);
-} */
-
-/* // body > header {
-//   text-align: center;
-//   padding: 0 0.5rem 2rem 0.5rem;
-//   box-sizing: border-box;
-// }
-
-// body > header h1 {
-//   max-width: 100%;
-//   margin: 1rem auto;
-// } */
-
-/* Format navigation */
-/* // nav {
-//   border-bottom: 1px solid var(--border);
-//   font-size: 1rem;
-//   line-height: 2;
-//   padding: 1rem 0;
-//   display: flex;
-//   justify-content: center;
-//   align-items: center;
-//   width: 100%;
-//   padding-bottom: 2rem;
-// }
-
-// nav a {
-//   margin: 1rem 1rem 0 0;
-//   color: var(--text) !important;
-//   padding: 0.1rem 1rem;
-// }
-
-// nav a:hover {
-//   color: var(--accent) !important;
-// }
-
-// nav a:last-child {
-//   margin-right: 0;
-// } */
-
-/* Reduce nav side on mobile */
-/* // @media only screen and (max-width: 750px) {
-//   nav a {
-//     border: none;
-//     padding: 0;
-//     color: var(--accent);
-//     text-decoration: underline;
-//     line-height: 1;
-//   }
-// } */
-
-/* Add a little padding to ensure spacing is correct between content and nav */
-/* // main {
-//   padding-top: 1.5rem;
-// } */
-
-/* Reduce header size on mobile */
-/* // @media only screen and (max-width: 720px) {
-//   h1 {
-//     font-size: 2.5rem;
-//   }
-
-//   h2 {
-//     font-size: 2.1rem;
-//   }
-// } */