Styling and restructuring of components, config edit

src/styles/custom.css

@@ -1,14 +1,26 @@
-.bg-saburly-blue {
-  background: rgb(69,76,183);
-  background: linear-gradient(90deg, rgba(69,76,183,1) 0%, rgba(157,163,255,1) 100%);
+.bg-saburly-indigo {
+  background: rgb(69, 76, 183);
+  background: linear-gradient(
+    90deg,
+    rgba(69, 76, 183, 1) 0%,
+    rgba(157, 163, 255, 1) 100%
+  );
 }
 
-.bg-saburly-blue svg {
+.bg-saburly-indigo svg {
   position: absolute;
   bottom: 0;
 }
 
+.bg-saburly-indigolight {
+  background-color: #edf3ff;
+}
+
 .btn-saburly-green {
-  background: rgb(0,255,252);
-  background: linear-gradient(150deg, rgba(0,255,252,1) 0%, rgba(0,177,186,1) 55%);
-}
+  background: rgb(0, 255, 252);
+  background: linear-gradient(
+    150deg,
+    rgba(0, 255, 252, 1) 0%,
+    rgba(0, 177, 186, 1) 55%
+  );
+}

src/styles/index.css

@@ -3490,6 +3490,14 @@ table {
   padding: 2rem;
 }
 
+.p-10 {
+  padding: 3rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
 .p-px {
   padding: 1px;
 }
@@ -3564,6 +3572,26 @@ table {
   padding-right: 2rem;
 }
 
+.py-10 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.px-10 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
 .py-px {
   padding-top: 1px;
   padding-bottom: 1px;
@@ -3686,6 +3714,38 @@ table {
   padding-left: 2rem;
 }
 
+.pt-10 {
+  padding-top: 3rem;
+}
+
+.pr-10 {
+  padding-right: 3rem;
+}
+
+.pb-10 {
+  padding-bottom: 3rem;
+}
+
+.pl-10 {
+  padding-left: 3rem;
+}
+
+.pt-16 {
+  padding-top: 4rem;
+}
+
+.pr-16 {
+  padding-right: 4rem;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pl-16 {
+  padding-left: 4rem;
+}
+
 .pt-px {
   padding-top: 1px;
 }
@@ -7630,6 +7690,14 @@ table {
     padding: 2rem;
   }
 
+  .sm\:p-10 {
+    padding: 3rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
   .sm\:p-px {
     padding: 1px;
   }
@@ -7704,6 +7772,26 @@ table {
     padding-right: 2rem;
   }
 
+  .sm\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .sm\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .sm\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -7826,6 +7914,38 @@ table {
     padding-left: 2rem;
   }
 
+  .sm\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .sm\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .sm\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .sm\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .sm\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .sm\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .sm\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .sm\:pt-px {
     padding-top: 1px;
   }
@@ -11763,6 +11883,14 @@ table {
     padding: 2rem;
   }
 
+  .md\:p-10 {
+    padding: 3rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
   .md\:p-px {
     padding: 1px;
   }
@@ -11837,6 +11965,26 @@ table {
     padding-right: 2rem;
   }
 
+  .md\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .md\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .md\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .md\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .md\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -11959,6 +12107,38 @@ table {
     padding-left: 2rem;
   }
 
+  .md\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .md\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .md\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .md\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .md\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .md\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .md\:pt-px {
     padding-top: 1px;
   }
@@ -15896,6 +16076,14 @@ table {
     padding: 2rem;
   }
 
+  .lg\:p-10 {
+    padding: 3rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
   .lg\:p-px {
     padding: 1px;
   }
@@ -15970,6 +16158,26 @@ table {
     padding-right: 2rem;
   }
 
+  .lg\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .lg\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .lg\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -16092,6 +16300,38 @@ table {
     padding-left: 2rem;
   }
 
+  .lg\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .lg\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .lg\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .lg\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .lg\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .lg\:pt-px {
     padding-top: 1px;
   }
@@ -20029,6 +20269,14 @@ table {
     padding: 2rem;
   }
 
+  .xl\:p-10 {
+    padding: 3rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
   .xl\:p-px {
     padding: 1px;
   }
@@ -20103,6 +20351,26 @@ table {
     padding-right: 2rem;
   }
 
+  .xl\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xl\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .xl\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -20225,6 +20493,38 @@ table {
     padding-left: 2rem;
   }
 
+  .xl\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .xl\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .xl\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .xl\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .xl\:pt-px {
     padding-top: 1px;
   }