update buttons

_includes/styles/base.css

@@ -507,15 +507,20 @@ audio {
 }
 
 /* image-button grid */
-.img-buttons {
+imgbtn-grid {
     align-items: normal;
     display: flex;
-    flex-wrap: wrap;
-    font-size: 0 !important;
+    flex-flow: row wrap;
+    font-size: 0px !important;
     gap: 5px;
     justify-content: center;
     margin-inline: auto;
 
+    a, button {
+        height: 31px;
+        width: 88px;
+    }
+
     img {
         height: 31px;
         image-rendering: crisp-edges !important;

_includes/styles/pages/sneexy.css

@@ -10,9 +10,11 @@
 
 /* my page has goop in html to set goopy colors */
 html:has(article#sneexy) {
-    --accent: #00d131 !important;
+    --accent: light-dark(#00d131, #65ff88) !important;
 
     article#sneexy window-contents {
+        text-align: center;
+        
         #logo {
             min-width: 3rem;
             max-width: 100%;
@@ -45,44 +47,6 @@ html:has(article#sneexy) {
                 }
             }
         }
-
-        .selfinfo {
-            display: grid;
-            padding-top: 5px;
-            grid-template-areas:
-                "pronouns names";
-            div {
-                text-align: left;
-                border-radius: 1em;
-                padding: .7em 1em;
-                ul {
-                    padding-left: 1em;
-                }
-                li {
-                    padding-bottom: 6px !important;
-                    list-style: none;
-                }
-            }
-            div:first-child {
-                background-color: color-mix(in srgb, var(--yellow) 15%, transparent);
-                border: var(--site-border);
-            }
-            div:last-child {
-                background-color: color-mix(in srgb, var(--sapphire) 15%, transparent);
-                border: var(--site-border);
-                margin-left: 1.5em;
-            }
-        }
-
-        h1 {
-            margin-bottom: 1px;
-        }
-
-        p {
-            margin-top: 3px;
-        }
-
-        text-align: center;
     }
 
     /* socials and links sections */
@@ -149,19 +113,6 @@ html:has(article#sneexy) {
         display: none;
     }
 
-    /* goop coloring for theme issues stuff */
-    @media (prefers-color-scheme: light) {
-        .nav-baselink, .nav-accessibility {
-            background-color: var(--accent) !important;
-            color: var(--foreground) !important;
-        }
-    }
-
-    @media (prefers-color-scheme: dark)  {
-        --accent: #65ff88 !important;
-        --link: var(--accent) !important;
-    }
-
     @media screen and (max-width: 59em) {
         #sneexy > section {
             #logo {