update tokens + desktop version

src/assets/sass/buttons.sass

@@ -15,7 +15,6 @@
     &.btn-immortal
         background-color: $purple
         color: $button-color
-        font-size: 24px
         &[disabled], &.btn--disabled
             background-color: darken($purple, 10%)
             cursor: not-allowed

src/assets/sass/main.sass

@@ -18,10 +18,6 @@ body
     color: $white
     font-family: 'Inter', sans-serif
 
-.main
-    padding-top: 106px
-    @media (min-width: 992px)
-        padding-top: 208px
 html
     font-size: var(--font-size-main)
 html, body, #app
@@ -35,12 +31,18 @@ body
     flex-direction: column
     .footer
         margin-top: auto
+        @media (min-width: 992px)
+            margin-top: 80px
 
 .container
     margin-right: auto
     margin-left: auto
     padding-right: 16px
     padding-left: 16px
+    // &.container--variant1
+    //     @media (min-width: 992px)
+    //         max-width: 800px
+    //         padding: 24px 64px
     @media (min-width: 992px)
         max-width: 800px
 

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)