web/src/styles/global.css

@@ -1,51 +1,54 @@
-@import './theme.css';
+@import "./theme.css";
 
 *,
 *::before,
 *::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
 }
 
 body {
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  background-color: var(--ctp-base);
-  color: var(--ctp-text);
-  line-height: 1.6;
-  min-height: 100vh;
+    font-family:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
+    background-color: var(--ctp-base);
+    color: var(--ctp-text);
+    line-height: 1.6;
+    min-height: 100vh;
 }
 
 a {
-  color: var(--ctp-sapphire);
-  text-decoration: none;
+    color: var(--ctp-sapphire);
+    text-decoration: none;
 }
 
 a:hover {
-  color: var(--ctp-sky);
-  text-decoration: underline;
+    color: var(--ctp-sky);
+    text-decoration: underline;
 }
 
 /* Scrollbar */
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+    width: 8px;
+    height: 8px;
 }
 
 ::-webkit-scrollbar-track {
-  background: var(--ctp-mantle);
+    background: var(--ctp-mantle);
 }
 
 ::-webkit-scrollbar-thumb {
-  background: var(--ctp-surface1);
-  border-radius: 4px;
+    background: var(--ctp-surface1);
+    border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: var(--ctp-surface2);
+    background: var(--ctp-surface2);
 }
 
 /* Monospace */
-code, pre, .mono {
-  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+code,
+pre,
+.mono {
+    font-family: "JetBrains Mono", "Fira Code", monospace;
 }