feat(fonts): replace M+ with Space Grotesk and Space Mono

1 files changed, 8 insertions, 8 deletions

diff --git a/css/default.scss b/css/default.scss
index 4067818..642ca65 100644
--- a/css/default.scss
+++ b/css/default.scss
@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@100..700&family=M+PLUS+2:wght@100..900&display=swap";
+@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
 
 @mixin for-phone-only {
   @media (max-width: 499px) {
@@ -30,7 +30,7 @@ $secondary-color: oklch(from $primary-color l c 240);
 body {
   display: flex;
   flex-direction: column;
-  font-family: "M PLUS 2", sans-serif;
+  font-family: "Space Grotesk", sans-serif;
   align-items: center;
   $opacity: 25%;
   background-color: black;
@@ -64,7 +64,7 @@ content {
   max-width: 60rem;
   flex-direction: row-reverse;
 
-  &>* {
+  & > * {
     background-color: $background-color;
     outline: 2px solid $background-color;
     outline-offset: 2px;
@@ -74,11 +74,11 @@ content {
     }
   }
 
-  &>nav {
+  & > nav {
     padding: 1.25rem 0.75rem;
   }
 
-  &>article {
+  & > article {
     flex: auto;
     padding: 1.25rem;
     height: fit-content;
@@ -203,7 +203,7 @@ ul {
   margin: 0;
   padding: 0;
 
-  &>li:before {
+  & > li:before {
     content: "-";
     color: oklch(82.67% 0.087 180);
     padding-left: 0.5rem;
@@ -241,7 +241,7 @@ img {
 }
 
 code {
-  font-family: "M PLUS 1 Code", monospace;
+  font-family: "Space Mono", monospace;
 
   @include for-phone-only {
     word-break: break-all;
@@ -270,4 +270,4 @@ hr {
   flex-direction: row;
   align-items: center;
   gap: 15px;
-}
\ No newline at end of file
+}