Styled Homepage

src/styles/Text.module.css

@@ -5,7 +5,7 @@
         margin-right: .5em;
         padding: 0;
         text-align: left;
-        font-size: 4em;
+        font-size: 3.5em;
         font-weight: 400;
         width: max-content;
         color: var(--color-text-acc);
@@ -16,8 +16,7 @@
     &.root {
         display: flex;
         font-family: -apple-system, Jost, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif !important;	
-        font-size: 2em;
-        height: 30px;
+        font-size: 28px;
         margin: 0;
         padding: 0;
         margin-right: 1em;
@@ -44,9 +43,9 @@
 .appName {
     &.root {
         font-weight: 400;
-        font-size: 0.8em;
+        font-size: 11px;
         font-style: normal;
-        color: light-dark(blue, black);
+        color: var(--color-text-pri);
         font-family: 'Jost', sans-serif;
         margin: 0;
     }
@@ -54,7 +53,7 @@
 
 .appUrl {
     &.root {
-        font-size: 0.8em;
+        font-size: 11px;
         font-weight: 400;
         font-style: italic;
         text-transform: uppercase;
@@ -65,7 +64,7 @@
 
 .linkCategory {
     &.root {
-        font-size: 1.1em;
+        font-size: 14px;
         font-weight: 400;
         height: 10px;
         color: var(--color-text-acc);
@@ -78,7 +77,7 @@
 .linkItem {
     &.root {
         display: block;
-        font-size: 1em;
+        font-size: 14px;
         line-height: 2;
         color: var(--color-text-pri);
         &:hover {