add basic presentation

src/assets/style/utils.css

@@ -1,9 +1,42 @@
+:root {
+  --prj-spacing-1: 0.25rem;
+  --prj-spacing-2: 0.5rem;
+  --prj-spacing-3: 1rem;
+  --prj-spacing-4: 2rem;
+  --prj-spacing-5: 3rem;
+}
+
 .hstack {
   display: flex;
   gap: 1rem;
   align-items: center;
 }
 
+.gap-1 {
+  gap: var(--prj-spacing-1);
+}
+
+.gap-2 {
+  gap: var(--prj-spacing-2);
+}
+
+.gap-3 {
+  gap: var(--prj-spacing-3);
+}
+
+.gap-4 {
+  gap: var(--prj-spacing-4);
+}
+
+.gap-5 {
+  gap: var(--prj-spacing-5);
+}
+
 .list-unstyle {
   list-style: none;
 }
+
+.text-justify {
+  text-align: justify;
+  text-justify: inter-word;
+}