Refuce whitespaces in global stylesheet

src/assets/css/global.css

@@ -30,7 +30,6 @@
     --clr-hero-bg: black;
     --clr-navbar-bg: #222;
     --clr-navbar-link: white;
-
     --clr-main-footer-bg: #13092D;
 
     --clr-mod-entry-bg: #241445;
@@ -58,9 +57,7 @@
 /* Box sizing rules */
 *,
 *::before,
-*::after {
+*::after { box-sizing: border-box; }
-    box-sizing: border-box;
-}
 
 /* Prevent font size inflation */
 html {
@@ -71,15 +68,11 @@ html {
 
 /* Remove default margin in favour of better control in authored CSS */
 body, h1, h2, h3, h4, p,
-figure, blockquote, dl, dd {
+figure, blockquote, dl, dd { margin: 0; }
-    margin: 0;
-}
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
 ul[role='list'],
-ol[role='list'] {
+ol[role='list'] { list-style-type: ""; }
-    list-style-type: "";
-}
 
 /* Set core body defaults */
 body {
@@ -89,20 +82,13 @@ body {
 
 /* Set shorter line heights on headings and interactive elements */
 h1, h2, h3, h4,
-button, input, label {
+button, input, label { line-height: 1.1; }
-    line-height: 1.1;
-}
 
 /* Balance text wrapping on headings */
-h1, h2,
+h1, h2, h3, h4 { text-wrap: balance; }
-h3, h4 {
-    text-wrap: balance;
-}
 
 /* A elements that don't have a class get default styles */
-a:not([class]) {
+a:not([class]) { text-decoration-skip-ink: auto; }
-    text-decoration-skip-ink: auto;
-}
 
 /* Make images easier to work with */
 img,
@@ -112,17 +98,10 @@ picture {
 }
 
 /* Inherit fonts for inputs and buttons */
-input, button,
+input, button, textarea, select { font: inherit; }
-textarea, select {
-    font: inherit;
-}
 
 /* Make sure textareas without a rows attribute are not tiny */
-textarea:not([rows]) {
+textarea:not([rows]) { min-height: 10em; }
-    min-height: 10em;
-}
 
 /* Anything that has been anchored to should have extra scroll margin */
-:target {
+:target { scroll-margin-block: 5ex; }
-    scroll-margin-block: 5ex;
-}