new posts and layouts from thailand

themes/bluewater/assets/style.css

@@ -1402,6 +1402,10 @@ video {
   margin-right: 1rem;
 }
 
+.mt-12 {
+  margin-top: 3rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -1450,8 +1454,8 @@ video {
   margin-top: 2rem;
 }
 
-.mt-12 {
-  margin-top: 3rem;
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
 .block {
@@ -1484,6 +1488,14 @@ video {
   height: 2.5rem;
 }
 
+.max-h-80 {
+  max-height: 20rem;
+}
+
+.max-h-96 {
+  max-height: 24rem;
+}
+
 .min-h-\[80vh\] {
   min-height: 80vh;
 }
@@ -1589,6 +1601,10 @@ video {
   overflow-y: auto;
 }
 
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1597,10 +1613,6 @@ video {
   border-radius: 0.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .border-2 {
   border-width: 2px;
 }
@@ -1640,6 +1652,11 @@ video {
   border-color: rgb(212 212 212 / var(--tw-border-opacity));
 }
 
+.bg-secondary-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(27 140 76 / var(--tw-bg-opacity));
+}
+
 .bg-neutral-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
@@ -1660,26 +1677,6 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-secondary-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(112 240 168 / var(--tw-bg-opacity));
-}
-
-.bg-secondary-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(27 140 76 / var(--tw-bg-opacity));
-}
-
-.bg-primary-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(69 113 194 / var(--tw-bg-opacity));
-}
-
-.bg-secondary-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(58 203 121 / var(--tw-bg-opacity));
-}
-
 .p-4 {
   padding: 1rem;
 }
@@ -1712,6 +1709,11 @@ video {
   text-align: center;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1727,9 +1729,14 @@ video {
   line-height: 1.75rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
 
 .font-bold {
@@ -1775,6 +1782,16 @@ video {
   color: rgb(69 113 194 / var(--tw-text-opacity));
 }
 
+.text-tertiary-400 {
+  --tw-text-opacity: 1;
+  color: rgb(171 123 239 / var(--tw-text-opacity));
+}
+
+.text-tertiary-600 {
+  --tw-text-opacity: 1;
+  color: rgb(76 35 133 / var(--tw-text-opacity));
+}
+
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -1800,9 +1817,8 @@ video {
   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);
 }
 
-.hover\:bg-primary-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(69 113 194 / var(--tw-bg-opacity));
+.visited\:text-primary-400:visited {
+  color: rgb(123 164 238 );
 }
 
 .hover\:bg-secondary-500:hover {
@@ -1810,14 +1826,9 @@ video {
   background-color: rgb(58 203 121 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-400:hover {
+.hover\:bg-primary-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(123 164 238 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-secondary-400:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(112 240 168 / var(--tw-bg-opacity));
+  background-color: rgb(69 113 194 / var(--tw-bg-opacity));
 }
 
 .hover\:text-primary-500:hover {
@@ -1825,11 +1836,26 @@ video {
   color: rgb(69 113 194 / var(--tw-text-opacity));
 }
 
+.hover\:text-tertiary-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(122 69 197 / var(--tw-text-opacity));
+}
+
 .hover\:underline:hover {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
 
+.prose-h2\:text-4xl :is(:where(h2):not(:where([class~="not-prose"] *))) {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.prose-h2\:text-neutral-600 :is(:where(h2):not(:where([class~="not-prose"] *))) {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+}
+
 @media (min-width: 768px) {
   .md\:sticky {
     position: -webkit-sticky;
@@ -1845,6 +1871,14 @@ video {
     margin-right: 0px;
   }
 
+  .md\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .md\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
   .md\:flex {
     display: flex;
   }
@@ -1875,6 +1909,11 @@ video {
     padding-left: 0px;
     padding-right: 0px;
   }
+
+  .md\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
 }
 
 @media (min-width: 1024px) {