Add SASS support and convert CSS files to SCSS

src/pages/index.js

@@ -7,7 +7,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 
 import Heading from '@theme/Heading';
-import styles from './index.module.css';
+import styles from './index.module.scss';
 
 import jeddunkxyzlogo from '@site/static/img/jeddunkxyz.png'
 import HomepageContent from "@site/src/components/HomepageContent";

src/pages/index.module.scss

@@ -7,28 +7,23 @@
   -ms-interpolation-mode: nearest-neighbor;
   image-rendering: -moz-crisp-edges;
   image-rendering: pixelated;
-}
-@media screen and (min-width: 768px){
-  .logo {
+
+  @media screen and (min-width: 768px) {
     height: 5.65rem;
   }
-}
-@media screen and (max-width: 767px){
-  .logo {
+
+  @media screen and (max-width: 767px) {
     width: 100%;
   }
 }
 
-
 .heroBanner {
   padding: 4rem 0;
   text-align: center;
   position: relative;
   overflow: hidden;
-}
 
-@media screen and (max-width: 996px) {
-  .heroBanner {
+  @media screen and (max-width: 996px) {
     padding: 2rem;
   }
 }