update profilepage

src/assets/sass/variables.sass

@@ -16,6 +16,7 @@ $purple: #4B0082
 $midnight-black: #0F0F0F
 $darkgrey: #202020
 $grey2: #2D2D2D
+$dark-grey: #2D2D2D
 
 $button-color: $white
 $button-background-color: $black
@@ -32,14 +33,55 @@ $button-background-color: $black
     --white: #{#F9F9FA}
     --grey: #{#858585}
     --grey2: #{$grey2}
+    --dark-grey: #{$dark-grey}
     --purple: #{$purple}
     --blood-color: #{$red}
     --midnight-black: #{$midnight-black}
     --black: #{$midnight-black}
     --darkgrey: #{$darkgrey}
+
+//fonts
+.low-mid-text
+    font-family: Inter
+    font-size: 16px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+.mid-mid-text
+    font-family: Inter
+    font-size: 18px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+.mid-text
+    font-family: Inter
+    font-size: 24px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+.small-text
+    font-family: Inter
+    font-size: 14px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+.number-mobile
+    font-family: Inter
+    font-size: 24px
+    font-style: normal
+    font-weight: 400
+    line-height: normal
+    letter-spacing: 4.32px
+
 // :root
 //     --font-size-text: 16px
 //     --font-size-title: 32px
 //     @media (min-width: 992px)
 //         --font-size-text: 24px
 //         --font-size-title: 36px
+
+.text-center
+    text-align: center
+
+.transparent
+    background-color: transparent