fix: make it work with new vite

static/global.css

@@ -39,12 +39,7 @@ body {
   font-family: "Work Sans", monospace;
 }
 
-pre {
-  font-family: "Work Sans", monospace;
-}
-
-a {
-  color: cadetblue;
+a, pre {
   font-family: "Work Sans", monospace;
 }
 
@@ -53,7 +48,6 @@ a {
 }
 
 @keyframes hover {
-
   0%,
   100% {
     transform: translateY(-15%);
@@ -98,11 +92,11 @@ a {
   fill: #dcdbdc;
 }
 
-.items-52>* {
+.items-52 > * {
   height: 52px;
 }
 
-.highlight>pre {
+.highlight > pre {
   text-wrap: wrap;
 }
 
@@ -118,24 +112,24 @@ main.loading {
   opacity: 0;
 }
 
-.markdown-body>h1 {
+.markdown-body > h1 {
   font-size: 2.25rem;
   font-weight: 600;
 }
 
-.markdown-body>h2 {
+.markdown-body > h2 {
   font-size: 1.75rem;
   font-weight: 600;
 }
 
-.markdown-body>h3 {
+.markdown-body > h3 {
   font-size: 1.5rem;
   font-weight: 600;
 }
 
-.markdown-body>h1>.anchor,
-.markdown-body>h2>.anchor,
-.markdown-body>h3>.anchor {
+.markdown-body > h1 > .anchor,
+.markdown-body > h2 > .anchor,
+.markdown-body > h3 > .anchor {
   display: inline-flex;
   margin-left: -26px;
   margin-right: 12px;
@@ -143,9 +137,9 @@ main.loading {
   transition: opacity 0.2s;
 }
 
-.markdown-body>h1:hover .anchor,
-.markdown-body>h2:hover .anchor,
-.markdown-body>h3:hover .anchor {
+.markdown-body > h1:hover .anchor,
+.markdown-body > h2:hover .anchor,
+.markdown-body > h3:hover .anchor {
   opacity: 1;
 }