diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 9e6540279..2564029c2 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -1,4 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
+@import "@fortawesome/fontawesome-svg-core/styles.css";
+@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
 
 blockquote {
   // @apply border-l;
@@ -16,36 +17,35 @@ body {
   font-family: "Lato", sans-serif;
 }
 
-h1, h2 {
+h1,
+h2 {
   font-family: "Lato", sans-serif !important;
 }
 
 // tft page
 
-.tft_section h1{
-  font-family: 'Lato', sans-serif !important;
+.tft_section h1 {
+  font-family: "Lato", sans-serif !important;
   font-size: 5rem;
 }
 
-.tft_section h2{
-  font-family: 'Lato', sans-serif !important;
+.tft_section h2 {
+  font-family: "Lato", sans-serif !important;
   font-size: 4rem;
 }
 
-.tft_section2 h2{
-  font-family: 'Lato', sans-serif !important;
-  
+.tft_section2 h2 {
+  font-family: "Lato", sans-serif !important;
 }
 
-.tft_section h3{
-  font-family: 'Lato', sans-serif !important;
+.tft_section h3 {
+  font-family: "Lato", sans-serif !important;
   font-size: 3rem;
 }
 
-.tft_subtitle{
-  font-family: 'Lato', sans-serif;
+.tft_subtitle {
+  font-family: "Lato", sans-serif;
   font-weight: 400 !important;
-  
 }
 
 .post-card-excerpt,
@@ -63,7 +63,6 @@ body {
   padding-top: 60px;
 }
 
-
 .act-link {
   @apply bg-gray-300;
 }
@@ -185,7 +184,6 @@ button:focus {
 .text-9xl {
   font-size: 7rem;
   line-height: 1;
-  
 }
 
 .text-6xl {
@@ -203,16 +201,14 @@ button:focus {
 }
 
 @media (max-width: 480px) {
-
-  .tft_section h1{
+  .tft_section h1 {
     font-size: 4rem;
   }
-  .tft_section h2{
+  .tft_section h2 {
     font-size: 3rem;
   }
   .text-9xl {
     font-size: 3rem;
-
   }
 }