More positioning and variables defined in scss.

src/styles/global.scss

@@ -18,6 +18,10 @@ body {
   margin: 0;
 }
 
+a {
+  text-decoration: none;
+}
+
 .title {
   text-align: center;
   width: fit-content;
@@ -173,6 +177,8 @@ textarea {
   border-bottom: 1px solid $link-color;
   font-size: 1rem;
   margin-left: 15px;
+  text-decoration: none;
+  color: $matte-text-color;
 }
 
 

src/styles/positioning.scss

@@ -1,23 +1,30 @@
 .flex {
   display: flex;
 
-  & .column {
+  &.column {
     flex-direction: column;
   }
 
-  & .row {
+  &.row {
     flex-direction: row;
   }
 
-  & .wrap {
+  &.wrap {
     flex-wrap: wrap;
   }
 
   &.justify-center {
     justify-content: center;
   }
+  &.justify-space-between {
+    justify-content: space-between;
+  }
 
   &.align-center {
     align-items: center;
   }
+}
+
+.inline-block {
+  display: inline-block;
 }

src/styles/variables.scss

@@ -16,4 +16,6 @@ $light-red: #fbd7de;
 $red: #ef5878;
 $dark-red: #ec3b61;
 
-$link-color: #ff5fff;
+$link-color: #ff5fff;
+
+$matte-text-color: #333333;