feat: Sreez website maybe ready for initial release

sreez/style/main.scss

@@ -25,6 +25,10 @@ body {
   font-size: 1.4rem;
 }
 
+.line-2-5 {
+  line-height: 2.5rem;
+}
+
 .font-4xl {
   font-size: 3rem;
 }
@@ -59,6 +63,20 @@ ol {
   flex-direction: column;
 }
 
+.no-decoration {
+  text-decoration: none;
+}
+
+.icon-as-image {
+  color: black;
+  text-decoration: none;
+  font-size: 32px !important;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
 .items-center {
   align-items: center;
 }
@@ -77,6 +95,24 @@ ol {
   margin-bottom: 4rem;
 }
 
+.pad-y-4 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.pad-y-1 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.pad-left-3 {
+  padding-left: 3rem;
+}
+
+.pad-left-1 {
+  padding-left: 1rem;
+}
+
 .margin-x-3 {
   margin-left: 3rem;
   margin-right: 3rem;
@@ -96,6 +132,10 @@ ol {
   max-width: 300px;
 }
 
+.max-width-150 {
+  max-width: 150px;
+}
+
 .max-width-400 {
   max-width: 400px;
 }
@@ -129,10 +169,18 @@ ol {
   margin-right: auto;
 }
 
+.margin-top-8 {
+  margin-top: 8rem;
+}
+
 .margin-top-5 {
   margin-top: 5rem;
 }
 
+.margin-top-2 {
+  margin-top: 2rem;
+}
+
 .card {
   .card-icon {
     font-size: 7rem;
@@ -245,14 +293,43 @@ ol.huge-list-markers li{
 
 .btn {
   border: none;
-  padding: 0.7rem 1rem;
+  padding: 1rem 1.5rem;
   border-radius: 0.75rem;
   font-weight: 700;
   font-size: inherit;
-  text-transform: capitalize;
   cursor: pointer;
+    background-color: #e72235;
+    color: white;
   &:hover {
-    background-color: #007488CC;
+    // background-color: #eee;
+    // color: black;
+    box-shadow: 5px 5px 27px 10px rgba(231,34,53,0.21);
+    //background-color: #66d500;
+    //background-color: white;
+  }
+}
+
+.lr-sections {
+  > div {
+    margin-right: 0;
+    display: flex;
+    flex-direction: row;
+    margin-left: 0;
+    margin-right: 0;
+    width: 100%;
+    min-width: 100%;
+    justify-content: space-around;
+    text-align: left;
+    align-items: center;
+
+    .card-icon {
+      padding-left: 7rem;
+      padding-right: 7rem;
+    }
+  }
+
+  > div:nth-child(even) {
+    flex-direction: row-reverse;
   }
 }
 
@@ -263,3 +340,14 @@ ol.huge-list-markers li{
   'GRAD' 0,
   'opsz' 24
 }
+
+.animate-vertical {
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height 0.5s ease-in-out;
+}
+
+/* CSS for when data-visible attribute is true */
+.animate-vertical[data-visible] {
+  max-height: 900px;
+}