describe features on landing

website/style.css

@@ -737,6 +737,40 @@ select{
   --tw-backdrop-sepia:  ;
 }
 
+.container{
+  width: 100%;
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width: 1536px;
+  }
+}
+
 .form-input,.form-textarea,.form-select,.form-multiselect{
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -1455,6 +1489,10 @@ input[type="search"]::-webkit-search-results-decoration {
   height: 100%;
 }
 
+.h-\[16px\]{
+  height: 16px;
+}
+
 .min-h-screen{
   min-height: 100vh;
 }
@@ -1515,6 +1553,10 @@ input[type="search"]::-webkit-search-results-decoration {
   width: 100%;
 }
 
+.w-\[16px\]{
+  width: 16px;
+}
+
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -2387,6 +2429,11 @@ input[type="search"]::-webkit-search-results-decoration {
   color: rgb(24 24 27 / var(--tw-text-opacity));
 }
 
+.text-gray-800{
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
+}
+
 .underline{
   text-decoration-line: underline;
 }
@@ -2468,6 +2515,10 @@ input[type="search"]::-webkit-search-results-decoration {
   --tw-shadow: var(--tw-shadow-colored);
 }
 
+.outline{
+  outline-style: solid;
+}
+
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2988,6 +3039,11 @@ input[type="search"]::-webkit-search-results-decoration {
     --tw-text-opacity: 1;
     color: rgb(161 161 170 / var(--tw-text-opacity));
   }
+
+  .dark\:text-white{
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+  }
 }
 
 @media not all and (min-width: 1024px){