fixed typo in css

quartz/styles/base.scss

@@ -24,6 +24,7 @@ section {
   padding: 0 0.1rem;
   border-radius: 5px;
 }
+
 ::selection {
   background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0));
   color: var(--darkgray);
@@ -90,6 +91,7 @@ a {
       border-radius: 0;
       padding: 0;
     }
+
     &.tag-link {
       &::before {
         content: "#";
@@ -101,21 +103,23 @@ a {
     height: 1ex;
     margin: 0 0.15em;
 
-    > path {
+    >path {
       fill: var(--dark);
     }
   }
 }
 
 .desktop-only {
   display: initial;
+
   @media all and (max-width: $fullPageWidth) {
     display: none;
   }
 }
 
 .mobile-only {
   display: none;
+
   @media all and (max-width: $fullPageWidth) {
     display: initial;
   }
@@ -129,7 +133,7 @@ a {
   }
 
   & article {
-    & > h1 {
+    &>h1 {
       font-size: 2rem;
     }
 
@@ -144,19 +148,20 @@ a {
       color: var(--gray);
     }
 
-    & li > * {
+    & li>* {
       margin-top: 0;
       margin-bottom: 0;
     }
 
-    p > strong {
+    p>strong {
       color: var(--dark);
     }
   }
 
-  & > #quartz-body {
+  &>#quartz-body {
     width: 100%;
     display: flex;
+
     @media all and (max-width: $fullPageWidth) {
       flex-direction: column;
     }
@@ -172,6 +177,7 @@ a {
       box-sizing: border-box;
       padding: 0 4rem;
       position: fixed;
+
       @media all and (max-width: $fullPageWidth) {
         position: initial;
         flex-direction: row;
@@ -184,6 +190,7 @@ a {
     & .sidebar.left {
       z-index: 1;
       left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
+
       @media all and (max-width: $fullPageWidth) {
         gap: 0;
         align-items: center;
@@ -193,7 +200,8 @@ a {
     & .sidebar.right {
       right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
       flex-wrap: wrap;
-      & > * {
+
+      &>* {
         @media all and (max-width: $fullPageWidth) {
           flex: 1;
           min-width: 140px;
@@ -214,6 +222,7 @@ a {
 
   & .page-header {
     margin: $topSpacing auto 0 auto;
+
     @media all and (max-width: $fullPageWidth) {
       margin-top: 2rem;
     }
@@ -224,6 +233,7 @@ a {
     margin-left: auto;
     margin-right: auto;
     width: $pageWidth;
+
     @media all and (max-width: $fullPageWidth) {
       width: initial;
       margin-left: 0;
@@ -288,7 +298,7 @@ thead {
   font-weight: revert;
   margin-bottom: 0;
 
-  article > & > a[role="anchor"] {
+  article>&>a[role="anchor"] {
     color: var(--dark);
     background-color: transparent;
   }
@@ -300,7 +310,7 @@ h3,
 h4,
 h5,
 h6 {
-  &[id] > a[href^="#"] {
+  &[id]>a[href^="#"] {
     margin: 0 0.5rem;
     opacity: 0;
     transition: opacity 0.2s ease;
@@ -309,7 +319,7 @@ h6 {
     user-select: none;
   }
 
-  &[id]:hover > a {
+  &[id]:hover>a {
     opacity: 1;
   }
 }
@@ -347,7 +357,7 @@ figure[data-rehype-pretty-code-figure] {
   line-height: 1.6rem;
   position: relative;
 
-  & > [data-rehype-pretty-code-title] {
+  &>[data-rehype-pretty-code-title] {
     font-family: var(--codeFont);
     font-size: 0.9rem;
     padding: 0.1rem 0.5rem;
@@ -358,7 +368,7 @@ figure[data-rehype-pretty-code-figure] {
     color: var(--darkgray);
   }
 
-  & > pre {
+  &>pre {
     padding: 0;
   }
 }
@@ -375,7 +385,7 @@ pre {
     border: none;
   }
 
-  & > code {
+  &>code {
     background: none;
     padding: 0;
     font-size: 0.85rem;
@@ -390,7 +400,7 @@ pre {
       border-radius: 5px;
     }
 
-    & > [data-line] {
+    &>[data-line] {
       padding: 0 0.25rem;
       box-sizing: border-box;
       border-left: 3px solid transparent;
@@ -411,11 +421,11 @@ pre {
       }
     }
 
-    &[data-line-numbers-max-digits="2"] > [data-line]::before {
+    &[data-line-numbers-max-digits="2"]>[data-line]::before {
       width: 2rem;
     }
 
-    &[data-line-numbers-max-digits="3"] > [data-line]::before {
+    &[data-line-numbers-max-digits="3"]>[data-line]::before {
       width: 3rem;
     }
   }
@@ -439,7 +449,7 @@ p {
 .table-container {
   overflow-x: auto;
 
-  & > table {
+  &>table {
     margin: 1rem;
     padding: 1.5rem;
     border-collapse: collapse;
@@ -449,7 +459,7 @@ p {
       min-width: 75px;
     }
 
-    & > * {
+    &>* {
       line-height: 2rem;
     }
   }
@@ -467,6 +477,7 @@ td {
 
 tr {
   border-bottom: 1px solid var(--lightgray);
+
   &:last-child {
     border-bottom: none;
   }
@@ -478,7 +489,7 @@ img {
   margin: 1rem 0;
 }
 
-p > img + em {
+p>img+em {
   display: block;
   transform: translateY(-1rem);
 }
@@ -514,7 +525,7 @@ ol.overflow {
   content: "";
   clear: both;
 
-  & > li:last-of-type {
+  &>li:last-of-type {
     margin-bottom: 30px;
   }
 
@@ -537,6 +548,7 @@ ol.overflow {
     padding-left: 1rem;
   }
 }
+
 img[alt$=">"] {
   float: right;
   width: 300px;
@@ -555,9 +567,8 @@ img[alt$="><"] {
   display: block;
   max-width: 100%;
   margin: auto;
-  float: none!important;
+  float: none !important;
 }
-=======
 
 .katex-display {
   overflow-x: auto;
@@ -570,4 +581,4 @@ iframe.pdf {
   height: 100%;
   width: 100%;
   border-radius: 5px;
-}
+}