diff --git a/src/scss/main.scss b/src/scss/main.scss
index 918d0c9..249019c 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -21,4 +21,30 @@
   > div:not(:first-child) {
     margin-left: 1rem;
   }
+}
+
+.flex {
+  display: flex;
+
+  &-direction-column {
+    flex-direction: column;
+  }
+
+  &-direction-row {
+    flex-direction: row;
+  }
+
+  &-align-items-center {
+    align-items: center;
+  }
+}
+
+.position {
+  &-relative {
+    position: relative;
+  }
+
+  &-absolute {
+    position: absolute;
+  }
 }
\ No newline at end of file