update tokens + desktop version

src/assets/sass/variables.sass

@@ -16,7 +16,7 @@ $purple: #4B0082
 $midnight-black: #0F0F0F
 $darkgrey: #202020
 $grey2: #2D2D2D
-$dark-grey: #2D2D2D
+$dark-grey: #202020
 
 $button-color: $white
 $button-background-color: $black
@@ -47,12 +47,16 @@ $button-background-color: $black
     font-style: normal
     font-weight: 400
     line-height: normal
+    @media (min-width: 992px)
+        font-size: 24px
 .mid-mid-text
     font-family: Inter
     font-size: 18px
     font-style: normal
     font-weight: 400
     line-height: normal
+    @media (min-width: 992px)
+        font-size: 24px
 .mid-text
     font-family: Inter
     font-size: 24px
@@ -72,6 +76,22 @@ $button-background-color: $black
     font-weight: 400
     line-height: normal
     letter-spacing: 4.32px
+.sub-header
+    font-family: Inter
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+    font-size: 24px
+    @media (min-width: 992px)
+        font-size: 32px
+.header
+    font-family: Inter
+    font-size: 32px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+    @media (min-width: 992px)
+        font-size: 40px
 
 // :root
 //     --font-size-text: 16px
@@ -85,3 +105,10 @@ $button-background-color: $black
 
 .transparent
     background-color: transparent
+
+.card
+    border-radius: 16px
+    @media (min-width: 992px)
+        padding: 48px 32px
+    &.card--glow
+        box-shadow: 0px 12px 150px 0px rgba(75, 0, 130, 0.35)