minor css improvements

_includes/layouts/about/about.njk

@@ -15,7 +15,7 @@
     </div>
     <window-contents>
         <h1><a href="#about">About</a></h1>
-        <hr solid style="margin-bottom: 1rem;">
+        <p>Synth.Download is a project managed by serveral synths <small><s>and protogens</s></small> to provide a collection of (some public, some private) privacy respecting frontends and web services. We strive to create a safe community for ourselves and for those who accept us.</p>
         <h2 id="history"><a href="#history">History</a></h2>
         <p><small>This section is written by <a href="https://sneexy.synth.download">Sneexy.</a></small></p>
         <p>Synth.Download is a project started in October of 2024 by <a href="https://sneexy.synth.download">Sneexy</a>, buying the domain <code>synth.download</code> as it was available, and as I am a Synth. Initially, the domain was used to only used to serve a <small>much, <i>much</i></small> older iteration of this site that was used to only provide information about myself, and ran about a handful of services only for personal usage.</p>
@@ -29,6 +29,6 @@
         <p>Backups are taken nightly and stored off-site.</p>
         <p>For those curious about our server configurations and setups, we publicly provide them <a href="https://forged.synth.download/sd/synth.download">at our Git repository</a>.</p>
         <h2 id="contact"><a href="#contact">Contact</a></h2>
-        <p>Synth.Download is overlooked by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Shoot an email to <span link-color>synth@synth.download</span> for reports or general contact</p>
+        <p>Synth.Download is maintained by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Contact <span link-color>synth@synth.download</span> for reports or suggestions.</p>
     </window-contents>
 </article>

_includes/layouts/index.njk

@@ -20,7 +20,7 @@
         <p>Synth.Download is, obviously, themed around <a href="https://synthspecies.com">Synths</a>. In general, we're aimed towards furry, therian, otherkin and non-organic-like beings, but accepts all! As long as you're chill with us.</p>
         <p>Read our <a href="/about">About</a> for more information related to Synth.Download itself, or head over to our <a href="/services">Services</a> page to see what we provide. <small>By accessing and using this site and its services, you agree to our <a href="/privacy">Privacy Policy</a> and <a href="/tos">Terms of Service</a>.</small></p>
         <p t-center>Enjoy your stay! <i>Beep!~</i></p>
-        <imgbtn-grid style="margin-bottom: .8rem;">
+        <imgbtn-grid>
             <button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonSynthDownload()">
                 <img src="/assets/buttons/synth.download.svg" alt="Synth.Download!">
             </button>

_includes/styles/base.css

@@ -89,20 +89,21 @@ content-wrapper {
 /* text formatting and config stuff */
 
 /* headings */
-h1, h2, h3, h4, h5, h6,
+h1, h2, h3, h4, h5, h6 {
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+    border-bottom: .15rem solid var(--border);
     color: var(--foreground);
-    margin-bottom: 1rem;
+    margin-bottom: .8rem;
-    margin-top: .5rem;
+    margin-top: 1.5rem;
-    text-decoration-color: transparent;
+    padding-bottom: .2rem;
     transition: .2s;
-}
     
-h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
+    & a {
+        text-decoration-color: transparent;
+
+        &:hover {
             text-decoration-color: var(--accent);
-    text-decoration-thickness: .3rem !important;
+        }
-    text-decoration: underline;
+    }
-    transition: .2s;
 }
 
 h1,
@@ -511,14 +512,14 @@ imgbtn-grid {
     align-items: normal;
     display: flex;
     flex-flow: row wrap;
-    font-size: 0px !important;
+    font-size: 0 !important;
     gap: 5px;
     justify-content: center;
+    line-height: 0;
     margin-inline: auto;
 
-    a, button {
+    &:last-child {
-        height: 31px;
+        margin-bottom: .8rem;
-        width: 88px;
     }
 
     img {

_includes/styles/windows.css

@@ -82,7 +82,8 @@
     window-contents {
         display: block;
         padding: .8rem;
-        p:first-of-type { margin-top: 0; }
+        p:first-child { margin-top: 0; }
+        h1, h2, h3 { &:first-child { margin-top: 0; } }
     }
 
     @media screen and (max-width: 60rem) {