feat(sreez): Rework new initial-offer page

sreez/style/main.scss

@@ -4,6 +4,12 @@ body {
   font-size: 1.25rem;
 }
 
+body {
+  background-color: #FAFAF5;
+  font-family: Roboto, helvetica;
+  font-family: Poppins, helvetica;
+}
+
 
 .font-size-4xl {
   font-size: 3rem;
@@ -54,6 +60,24 @@ ol {
   margin-right: 3rem;
 }
 
+.margin-y-25vh {
+  margin-top: 25vh;
+  margin-bottom: 25vh;
+}
+
+.margin-3 {
+  margin: 3rem;
+}
+
+.max-width-900 {
+  max-width: 900px;
+}
+
+.margin-x-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .card-list {
   text-align: left;
   justify-content: center;
@@ -64,8 +88,12 @@ ol {
     flex: 1;
     min-width: 250px;
     max-width: 400px;
-    border: solid 3px black;
-    border-radius: 20px;
+    // border: solid 3px #ccc;
+    //border-radius: 20px;
+    // background-color: white;
+    //border: 2px solid #eee;
+    //border-right: 2px solid #fc314e88;
+    //border-left: 2px solid #fc314e88;
     margin: 30px;
     display: flex;
     flex-direction: column;
@@ -74,10 +102,18 @@ ol {
       flex-grow: 1;
     }
 
+    .border-bottom {
+      border-bottom: solid 2px #F0F0F0;
+    }
+
     h3 {
       text-align: center;
-      margin-bottom: 30px;
-      margin-top: 30px;
+      margin-bottom: 1rem;
+      margin-top: 2rem;
+      margin-left: 1rem;
+      margin-right: 1rem;
+      min-height: 55px;
+      font-size: 2rem;
     }
 
     ul {
@@ -103,15 +139,23 @@ ol {
   text-align: center;
 }
 
+.list-style-none {
+  list-style-type: none;
+}
+
 ol.huge-list-markers li{
   margin-bottom: 5rem;
   &::marker {
-    font-size: 4rem;
+    font-size: 3rem;
     font-weight: 800;
     margin: 2rem;
   }
 }
 
+.text-2x {
+  font-size: 2rem;
+}
+
 .text-3x {
   font-size: 3rem;
 }
@@ -127,3 +171,7 @@ ol.huge-list-markers li{
 .max-width-400 {
   max-width: 400px;
 }
+
+.height-110 {
+  height: 110px;
+}