A bit of everything again

css/about.css

@@ -0,0 +1,16 @@
+/*
+  -=-=-= ABOUT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+*/
+.about-root {
+  margin: 0 auto 2rem; padding: 0.5rem;
+
+  max-width: 621px; width: calc(100% - 2rem);
+
+  background-color: var(--bg); color: var(--fg);
+
+  border: 0.2rem solid var(--green);
+  outline: 0.5rem solid var(--bg);
+
+  border-radius: var(--rad);
+  box-shadow: var(--shadow);
+}

css/gallery.css

@@ -6,7 +6,7 @@
 }
 
 .gallery-root {
-  margin: 0 0 2rem; padding: 0;
+  margin: 0 0 2rem; padding: 0.25rem;
 
   background-color: var(--bg); color: var(--fg);
 
@@ -18,7 +18,7 @@
 }
 
 .gallery-item {
-  margin: 0.5rem; padding: 0;
+  margin: 0.25rem; padding: 0;
 
   /*max-width: 232.5px; max-height: 232.5px;*/
   height: auto; max-width: 350px;
@@ -35,6 +35,8 @@
 .gallery-item:hover {
   transform: scale(1.1) rotate(5deg);
   box-shadow: var(--shadow);
+
+  z-index: 999;
 }
 .gallery-item:after {
   content: "";

css/master.css

@@ -6,6 +6,8 @@
 @import "edit.css";
 @import "upload.css";
 
+@import "about.css";
+
 @import "signup.css";
 @import "login.css";
 @import "account.css";
@@ -137,6 +139,9 @@ form * {
 a.btn {
   text-align: center;
 }
+.link:hover {
+  color: var(--orange);
+}
 
 .space-bottom {
   margin-bottom: 1rem;
@@ -160,6 +165,16 @@ a.btn {
   display: inline;
 }
 
+.default-window {
+  margin: 0 auto 2rem; padding: 0.5rem;
+
+  background-color: var(--bg); color: var(--fg);
+
+  outline: 0.5rem solid var(--bg);
+
+  border-radius: var(--rad);
+  box-shadow: var(--shadow);
+}
 /*
   -=-=-= TEXT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 */

css/nav.css

@@ -34,7 +34,7 @@ nav hr {
   justify-content: space-between;
 }
 @media (max-width: 800px) {
-  .nav-name h3, .nav-name {
+  .nav-name h3, .nav-name hr, .nav-name {
     display: none;
   }
   .nav-links {