navbar css cleanup, mobile menu fixes

_includes/styles/base.css

@@ -640,7 +640,7 @@ checkbox-button-group {
             content: '';
             display: inline-flex;
             height: 1rem;
-            margin-bottom: -.1rem;
+            margin-bottom: -.15rem;
             margin-left: .2rem;
             margin-right: .3rem;
             position: relative;
@@ -670,44 +670,7 @@ checkbox-button-group {
     }
 }
 
-/* ╭────────────────────────────────────────╮
-/  │    ____                     _ _        │
-/  │   / __ \ _ __ ___   ___  __| (_) __ _  │
-/  │  / / _` | '_ ` _ \ / _ \/ _` | |/ _` | │
-/  │ | | (_| | | | | | |  __/ (_| | | (_| | │
-/  │  \ \__,_|_| |_| |_|\___|\__,_|_|\__,_| │
-/  │   \____/                               │
-/  ╰────────────────────────────────────────╯
-/  @media / at-media - styling depending on browser configuration / settings 
-/  other sorts of "Theming Jank" also goes in here for the sake of uniforming everything */
-
-/* disable certain animations if user has animations disabled on their system */
-
-@media (prefers-reduced-motion: reduce) {
-    body {
-        background: var(--background) !important;
-        animation: unset !important;
-        -moz-animation: unset !important;
-        -webkit-animation: unset !important;
-    }
-
-    /* animations aren't important for anything so we can simply just disable them on every element then choose which ones not to disable */
-    * {
-        transition: none !important;
-        animation: unset !important;
-        -moz-animation: unset !important;
-        -webkit-animation: unset !important;
-    }
-
-    /* fedi icon on /me should keep its animation (temp, find a better solution later) */
-    .fedi-icon {
-        animation: opacity-blink 4s infinite !important;
-    }
-
-    .fedi-icon-2 {
-        animation: opacity-blink-reverse 4s infinite !important;
-    }
-}
+/* atmedia*/
 
 @media screen and (max-width: 1083px) {
     details.styled {