feat: New landing page first draft is up

sreez/style/main.scss

@@ -1,3 +1,4 @@
+
 body {
 	font-family: sans-serif;
 	text-align: center;
@@ -76,15 +77,55 @@ ol {
   margin: 3rem;
 }
 
+
+.max-width-300 {
+  max-width: 300px;
+}
+
+.max-width-400 {
+  max-width: 400px;
+}
+
+.max-width-500 {
+  max-width: 500px;
+}
+
+.max-width-600 {
+  max-width: 600px;
+}
+
+.width-600 {
+  width: 600px;
+}
+
+.max-width-100pct {
+  max-width: 100%;
+}
+
 .max-width-900 {
   max-width: 900px;
 }
 
+.list-pad-1 li {
+  margin-bottom: 1rem;
+}
+
 .margin-x-auto {
   margin-left: auto;
   margin-right: auto;
 }
 
+.margin-top-5 {
+  margin-top: 5rem;
+}
+
+.card {
+  .card-icon {
+    font-size: 7rem;
+    color: #333;
+  }
+}
+
 .card-list {
   text-align: left;
   justify-content: center;
@@ -175,11 +216,6 @@ ol.huge-list-markers li{
   font-weight: 600;
 }
 
-
-.max-width-400 {
-  max-width: 400px;
-}
-
 .height-110 {
   height: 110px;
 }
@@ -205,3 +241,11 @@ ol.huge-list-markers li{
     background-color: #007488CC;
   }
 }
+
+.material-symbols-outlined {
+  font-variation-settings:
+  'FILL' 0,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 24
+}