From 5a62b9568add24753f927162d948caee8d016128 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Fri, 5 Mar 2021 14:58:50 +0100
Subject: [PATCH] Fixed some styling

---
 src/App.vue                     |  5 +++++
 src/assets/scss/_global.scss    | 35 +++++++++++++++++++++++++++++++++
 src/assets/scss/_variables.scss |  4 ++++
 3 files changed, 44 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 6e9f2c5..d10ed83 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,6 +24,11 @@ export default defineComponent({
   .fs-content {
     margin-top: 70px;
     min-height: calc(100vh - 70px);
+    display: flex;
+    align-items: stretch;
+    > * {
+      width: 100%;
+    }
   }
 }
 </style>
diff --git a/src/assets/scss/_global.scss b/src/assets/scss/_global.scss
index cb6e8bf..0ac9951 100644
--- a/src/assets/scss/_global.scss
+++ b/src/assets/scss/_global.scss
@@ -4,7 +4,12 @@
 @import 'variables';
 @import 'animations';
 
+* {
+  box-sizing: border-box;
+}
+
 body {
+  height: 100%;
   font-family: $body-font-family;
   font-size: $font-size-base;
   line-height: 1.2;
@@ -31,6 +36,18 @@ h4 { font-size: 18px; }
   &-2 {
     margin-bottom: 20px;
     font-size: 25px;
+    font-weight: $fw-semibold;
+  }
+  &-3 {
+    margin-bottom: 0;
+    font-size: 20px;
+    font-weight: $fw-semibold;
+  }
+}
+
+.txt {
+  &-capitalize {
+    text-transform: capitalize;
   }
 }
 
@@ -51,4 +68,22 @@ a {
 
 hr {
   border-color: rgba($white, .2);
+}
+
+.btn {
+  display: inline-block;
+  padding: 13px 33px;
+  vertical-align: middle;
+  line-height: 1;
+  white-space: nowrap;
+  text-decoration: none;
+  border-radius: 30px;
+
+  &-primary {
+    color: $white;
+    background: $primary;
+    &:hover {
+      
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index 6aa646c..77e9d8b 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -3,6 +3,10 @@ $white: #fff;
 $black: #000;
 $fs-black: #070712;
 
+$starry-purple: #0e103d;
+
+$primary: $starry-purple;
+
 $heading-font-family: 'Poppins', serif;
 $body-font-family: 'Open Sans', sans-serif;