feat(web): add sizing, font weight and font colour to text elements according to styleguide

Author: Manuel Proß

web/src/styles/_text.scss

@@ -1,57 +1,29 @@
 .heading {
-	@apply font-[400] text-secondary;
+	@apply font-semibold text-primary;
 
 	&::before {
 		content: ">_ ";
 	}
-
-	@screen sm {
-		@apply mb-5;
-	}
-
-	@screen md {
-		@apply mb-6;
-	}
-
-	@screen lg {
-		@apply mb-7;
-	}
-
-	@screen xl {
-		@apply mb-8;
-	}
 }
 
 .h1 {
 	@extend .heading;
-	font-size: clamp(3rem, 5vw, 5rem);
+	@apply text-xl;
 }
 
 .h2 {
 	@extend .heading;
-	font-size: clamp(2rem, 4vw, 4rem);
+	@apply font-fira text-lg;
 }
 
-.h3 {
-	@extend .heading;
-	font-size: clamp(1.75rem, 3.5vw, 3rem);
-}
-
-.h4 {
-	@extend .heading;
-	font-size: clamp(1.5rem, 3vw, 2.5rem);
+.paragraph {
+	@apply font-normal text-base text-white font-normal;
 }
 
-.h5 {
-	@extend .heading;
-	font-size: clamp(1.5rem, 2.5vw, 1.75rem);
-}
-
-.h6 {
-	@extend .heading;
-	font-size: clamp(1.5rem, 2vw, 1.25rem);
+.link {
+	@apply font-normal text-base text-white font-normal;
 }
 
-ul.list li {
+.text- ul.list li {
 	list-style-type: "> ";
 }