From 4ca522fae141322e2d84fcd1f349d7ebd6895173 Mon Sep 17 00:00:00 2001 From: merajjahir Date: Wed, 16 Feb 2022 12:25:09 +0600 Subject: [PATCH] footer 30 complete 85% --- .gitignore | 3 +- dist/tailshape.css | 2949 ++++++++++++++++++------ index.html | 2 +- public/componets/footer/10_footer.html | 73 + public/componets/footer/11_footer.html | 114 + public/componets/footer/12_footer.html | 154 ++ public/componets/footer/13_footer.html | 110 + public/componets/footer/14_footer.html | 151 ++ public/componets/footer/15_footer.html | 160 ++ public/componets/footer/16_footer.html | 89 + public/componets/footer/17_footer.html | 96 + public/componets/footer/18_footer.html | 81 + public/componets/footer/19_footer.html | 78 + public/componets/footer/1_footer.html | 131 ++ public/componets/footer/20_footer.html | 89 + public/componets/footer/21_footer.html | 97 + public/componets/footer/22_footer.html | 63 + public/componets/footer/23_footer.html | 107 + public/componets/footer/24_footer.html | 15 + public/componets/footer/25_footer.html | 15 + public/componets/footer/2_footer.html | 139 ++ public/componets/footer/3_footer.html | 170 ++ public/componets/footer/4_footer.html | 129 ++ public/componets/footer/5_footer.html | 134 ++ public/componets/footer/6_footer.html | 149 ++ public/componets/footer/7_footer.html | 65 + public/componets/footer/8_footer.html | 136 ++ public/componets/footer/9_footer.html | 96 + public/componets/hero/hero.html | 4 +- src/tailshape.css | 10 + tailwind.config.js | 1 + 31 files changed, 4860 insertions(+), 750 deletions(-) create mode 100644 public/componets/footer/10_footer.html create mode 100644 public/componets/footer/11_footer.html create mode 100644 public/componets/footer/12_footer.html create mode 100644 public/componets/footer/13_footer.html create mode 100644 public/componets/footer/14_footer.html create mode 100644 public/componets/footer/15_footer.html create mode 100644 public/componets/footer/16_footer.html create mode 100644 public/componets/footer/17_footer.html create mode 100644 public/componets/footer/18_footer.html create mode 100644 public/componets/footer/19_footer.html create mode 100644 public/componets/footer/1_footer.html create mode 100644 public/componets/footer/20_footer.html create mode 100644 public/componets/footer/21_footer.html create mode 100644 public/componets/footer/22_footer.html create mode 100644 public/componets/footer/23_footer.html create mode 100644 public/componets/footer/24_footer.html create mode 100644 public/componets/footer/25_footer.html create mode 100644 public/componets/footer/2_footer.html create mode 100644 public/componets/footer/3_footer.html create mode 100644 public/componets/footer/4_footer.html create mode 100644 public/componets/footer/5_footer.html create mode 100644 public/componets/footer/6_footer.html create mode 100644 public/componets/footer/7_footer.html create mode 100644 public/componets/footer/8_footer.html create mode 100644 public/componets/footer/9_footer.html diff --git a/.gitignore b/.gitignore index 30bc162..4c5e3f1 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -/node_modules \ No newline at end of file +/node_modules +/done_urls_&_sites.md \ No newline at end of file diff --git a/dist/tailshape.css b/dist/tailshape.css index 0b5e0c5..f691ff8 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -514,6 +514,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 0; } +.pointer-events-none { + pointer-events: none; +} + .fixed { position: fixed; } @@ -533,22 +537,42 @@ Ensure the default browser behavior of the `hidden` attribute. left: 0px; } -.left-0 { - left: 0px; +.top-1\/2 { + top: 50%; +} + +.right-1\.5 { + right: 0.375rem; +} + +.right-1 { + right: 0.25rem; } .top-0 { top: 0px; } -.right-0 { - right: 0px; +.right-4 { + right: 1rem; +} + +.left-0 { + left: 0px; } .bottom-0 { bottom: 0px; } +.right-0 { + right: 0px; +} + +.bottom-auto { + bottom: auto; +} + .z-20 { z-index: 20; } @@ -557,6 +581,10 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 10; } +.z-0 { + z-index: 0; +} + .z-50 { z-index: 50; } @@ -569,8 +597,16 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 30; } -.z-0 { - z-index: 0; +.order-1 { + order: 1; +} + +.order-first { + order: -9999; +} + +.col-span-3 { + grid-column: span 3 / span 3; } .col-span-1 { @@ -581,6 +617,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 2 / span 2; } +.col-span-full { + grid-column: 1 / -1; +} + +.col-span-6 { + grid-column: span 6 / span 6; +} + .col-auto { grid-column: auto; } @@ -601,34 +645,23 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 2.5rem; } +.m-1 { + margin: 0.25rem; +} + .mx-auto { margin-left: auto; margin-right: auto; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } .mx-2 { @@ -636,9 +669,9 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .mx-16 { @@ -656,16 +689,143 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2rem; } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} + +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} + +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mb-3 { + margin-bottom: 0.75rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.-mt-5 { + margin-top: -1.25rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.mb-0 { + margin-bottom: 0px; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.-mb-10 { + margin-bottom: -2.5rem; +} + .mb-10 { margin-bottom: 2.5rem; } +.mt-3 { + margin-top: 0.75rem; +} + .mb-4 { margin-bottom: 1rem; } -.mb-8 { - margin-bottom: 2rem; +.mt-8 { + margin-top: 2rem; +} + +.mt-32 { + margin-top: 8rem; +} + +.mt-0 { + margin-top: 0px; +} + +.ml-8 { + margin-left: 2rem; +} + +.mr-6 { + margin-right: 1.5rem; } .ml-4 { @@ -676,14 +836,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 4rem; } -.mt-6 { - margin-top: 1.5rem; -} - -.mt-4 { - margin-top: 1rem; -} - .mt-5 { margin-top: 1.25rem; } @@ -692,10 +844,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 1.25rem; } -.ml-3 { - margin-left: 0.75rem; -} - .-mt-20 { margin-top: -5rem; } @@ -704,6 +852,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.25rem; } +.-mr-12 { + margin-right: -3rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.-ml-1 { + margin-left: -0.25rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.mt-20 { + margin-top: 5rem; +} + .mt-24 { margin-top: 6rem; } @@ -728,94 +900,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -3rem; } -.mt-8 { - margin-top: 2rem; -} - .mr-10 { margin-right: 2.5rem; } -.mt-2 { - margin-top: 0.5rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - .-mt-32 { margin-top: -8rem; } -.mt-0 { - margin-top: 0px; -} - -.mt-12 { - margin-top: 3rem; -} - -.mr-4 { - margin-right: 1rem; -} - .-ml-64 { margin-left: -16rem; } -.mt-20 { - margin-top: 5rem; -} - .mb-20 { margin-bottom: 5rem; } -.mb-0 { - margin-bottom: 0px; -} - .mr-5 { margin-right: 1.25rem; } -.ml-2 { - margin-left: 0.5rem; -} - -.mr-1 { - margin-right: 0.25rem; -} - .-ml-2 { margin-left: -0.5rem; } -.mt-3 { - margin-top: 0.75rem; -} - -.mb-5 { - margin-bottom: 1.25rem; -} - -.mt-16 { - margin-top: 4rem; -} - -.mr-6 { - margin-right: 1.5rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - .-mb-2 { margin-bottom: -0.5rem; } @@ -840,32 +948,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -0.25rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .ml-10 { margin-left: 2.5rem; } -.mb-12 { - margin-bottom: 3rem; +.mr-2 { + margin-right: 0.5rem; } -.-mr-12 { - margin-right: -3rem; -} - -.-ml-1 { - margin-left: -0.25rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.mb-3 { - margin-bottom: 0.75rem; +.ml-6 { + margin-left: 1.5rem; } .block { @@ -892,6 +984,30 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } +.h-8 { + height: 2rem; +} + +.h-10 { + height: 2.5rem; +} + +.h-1 { + height: 0.25rem; +} + +.h-4 { + height: 1rem; +} + +.h-12 { + height: 3rem; +} + +.h-5 { + height: 1.25rem; +} + .h-6 { height: 1.5rem; } @@ -900,48 +1016,32 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100%; } +.h-3 { + height: 0.75rem; +} + .h-20 { height: 5rem; } -.h-8 { - height: 2rem; -} - -.h-24 { - height: 6rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-64 { - height: 16rem; -} - -.h-1 { - height: 0.25rem; -} - -.h-auto { - height: auto; -} - -.h-10 { - height: 2.5rem; -} - .h-screen { height: 100vh; } -.h-4 { - height: 1rem; +.h-64 { + height: 16rem; } -.h-3 { - height: 0.75rem; +.h-24 { + height: 6rem; +} + +.h-auto { + height: auto; +} + +.h-px { + height: 1px; } .min-h-screen { @@ -952,18 +1052,58 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100%; } -.w-5\/6 { - width: 83.333333%; +.w-8 { + width: 2rem; +} + +.w-32 { + width: 8rem; +} + +.w-10 { + width: 2.5rem; } .w-full { width: 100%; } +.w-4 { + width: 1rem; +} + +.w-64 { + width: 16rem; +} + +.w-auto { + width: auto; +} + +.w-5 { + width: 1.25rem; +} + +.w-24 { + width: 6rem; +} + +.w-12 { + width: 3rem; +} + .w-6 { width: 1.5rem; } +.w-3 { + width: 0.75rem; +} + +.w-5\/6 { + width: 83.333333%; +} + .w-11\/12 { width: 91.666667%; } @@ -972,34 +1112,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 5rem; } -.w-auto { - width: auto; -} - -.w-screen { - width: 100vw; -} - -.w-10 { - width: 2.5rem; -} - -.w-24 { - width: 6rem; -} - -.w-5 { - width: 1.25rem; -} - -.w-8 { - width: 2rem; -} - -.w-1\/3 { - width: 33.333333%; -} - .w-1\/2 { width: 50%; } @@ -1008,30 +1120,58 @@ Ensure the default browser behavior of the `hidden` attribute. width: 66.666667%; } -.w-3 { - width: 0.75rem; +.w-screen { + width: 100vw; } -.w-4 { - width: 1rem; +.w-1\/3 { + width: 33.333333%; } -.max-w-6xl { - max-width: 72rem; +.w-40 { + width: 10rem; +} + +.min-w-0 { + min-width: 0px; +} + +.max-w-screen-xl { + max-width: 1280px; } .max-w-3xl { max-width: 48rem; } -.max-w-xl { - max-width: 36rem; +.max-w-lg { + max-width: 32rem; +} + +.max-w-xs { + max-width: 20rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.max-w-sm { + max-width: 24rem; +} + +.max-w-6xl { + max-width: 72rem; } .max-w-md { max-width: 28rem; } +.max-w-xl { + max-width: 36rem; +} + .max-w-4xl { max-width: 56rem; } @@ -1044,26 +1184,42 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } -.max-w-sm { - max-width: 24rem; -} - -.max-w-xs { - max-width: 20rem; -} - -.max-w-7xl { - max-width: 80rem; +.flex-auto { + flex: 1 1 auto; } .flex-shrink-0 { flex-shrink: 0; } +.flex-grow { + flex-grow: 1; +} + .grow { flex-grow: 1; } +.-translate-y-1\/2 { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-x-\[1px\] { + --tw-translate-x: 1px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.-translate-y-\[1px\] { + --tw-translate-y: -1px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.rotate-45 { + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1093,14 +1249,28 @@ Ensure the default browser behavior of the `hidden` attribute. list-style-type: none; } -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); +.appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + .flex-col { flex-direction: column; } @@ -1137,22 +1307,130 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-between; } +.gap-4 { + gap: 1rem; +} + +.gap-8 { + gap: 2rem; +} + +.gap-5 { + gap: 1.25rem; +} + +.gap-10 { + gap: 2.5rem; +} + +.gap-16 { + gap: 4rem; +} + +.gap-12 { + gap: 3rem; +} + .gap-0 { gap: 0px; } +.gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; +} + +.gap-y-8 { + row-gap: 2rem; +} + +.space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); +} + +.space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } +.space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +.space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.75rem * var(--tw-space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + +.space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); +} + +.space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); +} + .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } +.divide-y > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); +} + +.divide-gray-400 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-divide-opacity)); +} + +.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.5; +} + .place-self-end { place-self: end; } @@ -1179,31 +1457,31 @@ Ensure the default browser behavior of the `hidden` attribute. white-space: nowrap; } -.rounded { - border-radius: 0.25rem; -} - -.rounded-full { - border-radius: 9999px; +.break-words { + overflow-wrap: break-word; } .rounded-lg { border-radius: 0.5rem; } +.rounded { + border-radius: 0.25rem; +} + .rounded-md { border-radius: 0.375rem; } +.rounded-full { + border-radius: 9999px; +} + .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } -.border-0 { - border-width: 0px; -} - .border { border-width: 1px; } @@ -1212,24 +1490,47 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 2px; } -.border-4 { - border-width: 4px; +.border-0 { + border-width: 0px; } -.border-t { - border-top-width: 1px; +.border-4 { + border-width: 4px; } .border-b { border-bottom-width: 1px; } +.border-t { + border-top-width: 1px; +} + .border-b-4 { border-bottom-width: 4px; } -.border-transparent { - border-color: transparent; +.border-none { + border-style: none; +} + +.border-gray-800 { + --tw-border-opacity: 1; + border-color: rgb(31 41 55 / var(--tw-border-opacity)); +} + +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.border-gray-100 { + --tw-border-opacity: 1; + border-color: rgb(243 244 246 / var(--tw-border-opacity)); +} + +.border-white\/10 { + border-color: rgb(255 255 255 / 0.1); } .border-gray-200 { @@ -1237,9 +1538,22 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.border-gray-100 { +.border-white\/25 { + border-color: rgb(255 255 255 / 0.25); +} + +.border-transparent { + border-color: transparent; +} + +.border-gray-400 { --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + +.border-pink-500 { + --tw-border-opacity: 1; + border-color: rgb(236 72 153 / var(--tw-border-opacity)); } .border-black { @@ -1267,24 +1581,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } -.border-gray-800 { +.border-red-500 { --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); + border-color: rgb(239 68 68 / var(--tw-border-opacity)); } -.border-gray-400 { +.border-gray-700 { --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); -} - -.border-pink-500 { - --tw-border-opacity: 1; - border-color: rgb(236 72 153 / var(--tw-border-opacity)); -} - -.bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgb(99 102 241 / var(--tw-bg-opacity)); + border-color: rgb(55 65 81 / var(--tw-border-opacity)); } .bg-gray-100 { @@ -1292,19 +1596,19 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-white { +.bg-gray-900 { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } -.bg-purple-500 { +.bg-gray-700 { --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } -.bg-indigo-700 { +.bg-indigo-500 { --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); + background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } .bg-gray-800 { @@ -1312,24 +1616,19 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.bg-indigo-600 { +.bg-blue-600 { --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); + background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } -.bg-gray-900 { +.bg-white { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-gray-300 { +.bg-purple-700 { --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgb(253 224 71 / var(--tw-bg-opacity)); + background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } .bg-black { @@ -1337,19 +1636,23 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-yellow-400 { +.bg-gray-300 { --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +.bg-transparent { + background-color: transparent; } -.bg-teal-500 { +.bg-red-700 { --tw-bg-opacity: 1; - background-color: rgb(20 184 166 / var(--tw-bg-opacity)); + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .bg-gray-200 { @@ -1357,19 +1660,19 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-yellow-500 { +.bg-green-600 { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); + background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.bg-green-400 { +.bg-purple-500 { --tw-bg-opacity: 1; - background-color: rgb(74 222 128 / var(--tw-bg-opacity)); + background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } -.bg-purple-400 { +.bg-indigo-600 { --tw-bg-opacity: 1; - background-color: rgb(192 132 252 / var(--tw-bg-opacity)); + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } .bg-green-500 { @@ -1382,10 +1685,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 58 138 / var(--tw-bg-opacity)); } -.bg-transparent { - background-color: transparent; -} - .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); @@ -1396,6 +1695,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(254 240 138 / var(--tw-bg-opacity)); } +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + .bg-blue-800 { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)); @@ -1411,6 +1715,46 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } +.bg-indigo-700 { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.bg-yellow-300 { + --tw-bg-opacity: 1; + background-color: rgb(253 224 71 / var(--tw-bg-opacity)); +} + +.bg-yellow-400 { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + +.bg-blue-400 { + --tw-bg-opacity: 1; + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +} + +.bg-teal-500 { + --tw-bg-opacity: 1; + background-color: rgb(20 184 166 / var(--tw-bg-opacity)); +} + +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(74 222 128 / var(--tw-bg-opacity)); +} + +.bg-purple-400 { + --tw-bg-opacity: 1; + background-color: rgb(192 132 252 / var(--tw-bg-opacity)); +} + +.bg-sky-300 { + --tw-bg-opacity: 1; + background-color: rgb(125 211 252 / var(--tw-bg-opacity)); +} + .bg-opacity-75 { --tw-bg-opacity: 0.75; } @@ -1419,15 +1763,36 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.25; } +.bg-opacity-40 { + --tw-bg-opacity: 0.4; +} + +.bg-opacity-50 { + --tw-bg-opacity: 0.5; +} + .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } +.from-pink-500 { + --tw-gradient-from: #ec4899; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(236 72 153 / 0)); +} + .from-green-400 { --tw-gradient-from: #4ade80; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(74 222 128 / 0)); } +.via-red-500 { + --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgb(239 68 68 / 0)); +} + +.to-yellow-500 { + --tw-gradient-to: #eab308; +} + .to-purple-500 { --tw-gradient-to: #a855f7; } @@ -1449,6 +1814,14 @@ Ensure the default browser behavior of the `hidden` attribute. fill: currentColor; } +.fill-black { + fill: #000; +} + +.fill-white { + fill: #fff; +} + .object-cover { -o-object-fit: cover; object-fit: cover; @@ -1459,32 +1832,36 @@ Ensure the default browser behavior of the `hidden` attribute. object-position: center; } -.p-10 { - padding: 2.5rem; -} - -.p-4 { - padding: 1rem; -} - -.p-20 { - padding: 5rem; +.p-6 { + padding: 1.5rem; } .p-3 { padding: 0.75rem; } +.p-4 { + padding: 1rem; +} + .p-2 { padding: 0.5rem; } -.p-8 { - padding: 2rem; +.p-1 { + padding: 0.25rem; } -.p-6 { - padding: 1.5rem; +.p-10 { + padding: 2.5rem; +} + +.p-20 { + padding: 5rem; +} + +.p-8 { + padding: 2rem; } .p-0 { @@ -1495,95 +1872,91 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 1.25rem; } -.p-1 { - padding: 0.25rem; -} - -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - .py-12 { padding-top: 3rem; padding-bottom: 3rem; } +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} + +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .px-20 { padding-left: 5rem; padding-right: 5rem; @@ -1599,15 +1972,77 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } -.py-16 { +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + +.pr-16 { + padding-right: 4rem; +} + +.pt-16 { padding-top: 4rem; - padding-bottom: 4rem; +} + +.pt-5 { + padding-top: 1.25rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pt-12 { + padding-top: 3rem; +} + +.pt-10 { + padding-top: 2.5rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pb-6 { + padding-bottom: 1.5rem; } .pb-1 { padding-bottom: 0.25rem; } +.pt-4 { + padding-top: 1rem; +} + +.pt-8 { + padding-top: 2rem; +} + +.pt-32 { + padding-top: 8rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + .pr-12 { padding-right: 3rem; } @@ -1620,8 +2055,20 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.25rem; } -.pt-5 { - padding-top: 1.25rem; +.pr-10 { + padding-right: 2.5rem; +} + +.pb-0 { + padding-bottom: 0px; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pr-0 { + padding-right: 0px; } .pb-8 { @@ -1632,14 +2079,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 12rem; } -.pr-0 { - padding-right: 0px; -} - -.pb-6 { - padding-bottom: 1.5rem; -} - .pl-12 { padding-left: 3rem; } @@ -1652,30 +2091,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } -.pr-10 { - padding-right: 2.5rem; -} - -.pt-12 { - padding-top: 3rem; -} - .pl-4 { padding-left: 1rem; } -.pt-4 { - padding-top: 1rem; -} - -.pt-6 { - padding-top: 1.5rem; -} - -.pt-2 { - padding-top: 0.5rem; -} - .pl-0 { padding-left: 0px; } @@ -1692,12 +2111,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 14rem; } -.pb-10 { - padding-bottom: 2.5rem; -} - -.pb-0 { - padding-bottom: 0px; +.pb-4 { + padding-bottom: 1rem; } .text-left { @@ -1720,14 +2135,14 @@ Ensure the default browser behavior of the `hidden` attribute. font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.text-xs { + font-size: 0.75rem; + line-height: 1rem; } .text-2xl { @@ -1735,11 +2150,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } -.text-5xl { - font-size: 3rem; - line-height: 1; -} - .text-base { font-size: 1rem; line-height: 1.5rem; @@ -1750,9 +2160,9 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } .text-4xl { @@ -1760,9 +2170,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-5xl { + font-size: 3rem; + line-height: 1; } .text-6xl { @@ -1774,34 +2189,46 @@ Ensure the default browser behavior of the `hidden` attribute. font-weight: 500; } -.font-extrabold { - font-weight: 800; -} - -.font-black { - font-weight: 900; -} - .font-bold { font-weight: 700; } -.font-light { - font-weight: 300; -} - .font-semibold { font-weight: 600; } +.font-extrabold { + font-weight: 800; +} + +.font-light { + font-weight: 300; +} + +.font-black { + font-weight: 900; +} + .font-thin { font-weight: 100; } +.font-normal { + font-weight: 400; +} + .uppercase { text-transform: uppercase; } +.capitalize { + text-transform: capitalize; +} + +.leading-normal { + line-height: 1.5; +} + .leading-relaxed { line-height: 1.625; } @@ -1814,6 +2241,10 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25; } +.leading-snug { + line-height: 1.375; +} + .leading-10 { line-height: 2.5rem; } @@ -1822,8 +2253,20 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } -.leading-snug { - line-height: 1.375; +.leading-7 { + line-height: 1.75rem; +} + +.leading-8 { + line-height: 2rem; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; } .tracking-widest { @@ -1834,17 +2277,13 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: -0.025em; } -.tracking-wide { - letter-spacing: 0.025em; -} - .tracking-normal { letter-spacing: 0em; } -.text-gray-600 { +.text-blue-500 { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-gray-900 { @@ -1852,24 +2291,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-white { +.text-pink-600 { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-purple-500 { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); + color: rgb(219 39 119 / var(--tw-text-opacity)); } .text-gray-500 { @@ -1877,96 +2301,126 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-text-opacity)); } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.text-purple-100 { - --tw-text-opacity: 1; - color: rgb(243 232 255 / var(--tw-text-opacity)); -} - -.text-indigo-600 { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - -.text-pink-500 { - --tw-text-opacity: 1; - color: rgb(236 72 153 / var(--tw-text-opacity)); -} - -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); -} - -.text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); -} - -.text-yellow-400 { - --tw-text-opacity: 1; - color: rgb(250 204 21 / var(--tw-text-opacity)); -} - -.text-yellow-900 { - --tw-text-opacity: 1; - color: rgb(113 63 18 / var(--tw-text-opacity)); -} - -.text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - -.text-teal-500 { - --tw-text-opacity: 1; - color: rgb(20 184 166 / var(--tw-text-opacity)); -} - -.text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); -} - -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } +.text-teal-400 { + --tw-text-opacity: 1; + color: rgb(45 212 191 / var(--tw-text-opacity)); +} + +.text-gray-100 { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +.text-purple-50 { + --tw-text-opacity: 1; + color: rgb(250 245 255 / var(--tw-text-opacity)); +} + +.text-teal-300 { + --tw-text-opacity: 1; + color: rgb(94 234 212 / var(--tw-text-opacity)); +} + +.text-purple-100 { + --tw-text-opacity: 1; + color: rgb(243 232 255 / var(--tw-text-opacity)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.text-purple-600 { + --tw-text-opacity: 1; + color: rgb(147 51 234 / var(--tw-text-opacity)); +} + +.text-violet-400 { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); } +.text-purple-500 { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + +.text-indigo-500 { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + +.text-indigo-600 { + --tw-text-opacity: 1; + color: rgb(79 70 229 / var(--tw-text-opacity)); +} + +.text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.text-yellow-400 { + --tw-text-opacity: 1; + color: rgb(250 204 21 / var(--tw-text-opacity)); +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(234 179 8 / var(--tw-text-opacity)); +} + +.text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); @@ -1976,6 +2430,46 @@ Ensure the default browser behavior of the `hidden` attribute. color: transparent; } +.text-pink-500 { + --tw-text-opacity: 1; + color: rgb(236 72 153 / var(--tw-text-opacity)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + +.text-yellow-900 { + --tw-text-opacity: 1; + color: rgb(113 63 18 / var(--tw-text-opacity)); +} + +.text-teal-500 { + --tw-text-opacity: 1; + color: rgb(20 184 166 / var(--tw-text-opacity)); +} + +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + +.text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + +.text-purple-300 { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); +} + +.text-gray-50 { + --tw-text-opacity: 1; + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; @@ -1986,11 +2480,46 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-line: none; } +.decoration-sky-300 { + -webkit-text-decoration-color: #7dd3fc; + text-decoration-color: #7dd3fc; +} + .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.placeholder-gray-400::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-400:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-400::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + .opacity-50 { opacity: 0.5; } @@ -1999,30 +2528,30 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 0.75; } -.shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); @@ -2041,10 +2570,23 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + .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); } +.transition-colors { + transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -2059,22 +2601,6 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } -.transition-colors { - transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.duration-150 { - transition-duration: 150ms; -} - -.duration-100 { - transition-duration: 100ms; -} - .duration-300 { transition-duration: 300ms; } @@ -2083,14 +2609,95 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 200ms; } +.duration-150 { + transition-duration: 150ms; +} + .duration-500 { transition-duration: 500ms; } +.duration-100 { + transition-duration: 100ms; +} + +.duration-700 { + transition-duration: 700ms; +} + .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } +.section_divider { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + padding-top: 3rem; + padding-bottom: 3rem; + text-align: center; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 700; +} + +.dark .section_divider { + border-top-width: 2px; + border-bottom-width: 2px; + --tw-border-opacity: 1; + border-color: rgb(20 184 166 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(30 41 59 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.dark_mode_button_custom_style { + position: fixed; + top: 8rem; + right: 0px; + z-index: 50; + border-radius: 0.75rem; + border-width: 2px; + --tw-border-opacity: 1; + border-color: rgb(51 65 85 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(38 38 38 / var(--tw-bg-opacity)); + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.dark .dark_mode_button_custom_style { + --tw-bg-opacity: 1; + background-color: rgb(134 239 172 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.focus-within\:border-blue-400:focus-within { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + +.focus-within\:ring:focus-within { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus-within\:ring-blue-300:focus-within { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); +} + +.focus-within\:ring-opacity-40:focus-within { + --tw-ring-opacity: 0.4; +} + .hover\:border-green-700:hover { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity)); @@ -2101,6 +2708,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.hover\:bg-blue-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + +.hover\:bg-white:hover { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + .hover\:bg-indigo-600:hover { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); @@ -2116,26 +2733,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } -.hover\:bg-green-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity)); -} - -.hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-yellow-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); -} - -.hover\:bg-yellow-500:hover { - --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); @@ -2155,6 +2752,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } +.hover\:bg-green-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(22 163 74 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-500:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -2165,19 +2767,39 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } -.hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); +.hover\:bg-yellow-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } -.hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); +.hover\:bg-yellow-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.hover\:text-gray-600:hover { +.hover\:bg-gray-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + +.hover\:bg-blue-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +.hover\:text-purple-800:hover { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(107 33 168 / var(--tw-text-opacity)); +} + +.hover\:text-teal-400:hover { + --tw-text-opacity: 1; + color: rgb(45 212 191 / var(--tw-text-opacity)); } .hover\:text-gray-900:hover { @@ -2185,6 +2807,31 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(17 24 39 / var(--tw-text-opacity)); } +.hover\:text-gray-700:hover { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.hover\:text-purple-600:hover { + --tw-text-opacity: 1; + color: rgb(147 51 234 / var(--tw-text-opacity)); +} + +.hover\:text-red-500:hover { + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); +} + +.hover\:text-blue-700:hover { + --tw-text-opacity: 1; + color: rgb(29 78 216 / var(--tw-text-opacity)); +} + +.hover\:text-purple-500:hover { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -2195,6 +2842,59 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(209 213 219 / var(--tw-text-opacity)); } +.hover\:text-indigo-600:hover { + --tw-text-opacity: 1; + color: rgb(79 70 229 / var(--tw-text-opacity)); +} + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.hover\:text-purple-400:hover { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + +.hover\:text-purple-200:hover { + --tw-text-opacity: 1; + color: rgb(233 213 255 / var(--tw-text-opacity)); +} + +.hover\:text-gray-500:hover { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.hover\:text-gray-800:hover { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.hover\:text-blue-400:hover { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + +.hover\:text-pink-400:hover { + --tw-text-opacity: 1; + color: rgb(244 114 182 / var(--tw-text-opacity)); +} + +.hover\:text-opacity-75:hover { + --tw-text-opacity: 0.75; +} + +.hover\:underline:hover { + -webkit-text-decoration-line: underline; + text-decoration-line: underline; +} + +.hover\:opacity-75:hover { + opacity: 0.75; +} + .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); @@ -2207,6 +2907,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .focus\:border-purple-600:focus { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity)); @@ -2227,31 +2933,385 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(202 138 4 / var(--tw-border-opacity)); } +.focus\:border-indigo-500:focus { + --tw-border-opacity: 1; + border-color: rgb(99 102 241 / var(--tw-border-opacity)); +} + .focus\:bg-purple-600:focus { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } +.focus\:bg-transparent:focus { + background-color: transparent; +} + +.focus\:bg-gray-100:focus { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } +.focus\:placeholder-transparent:focus::-moz-placeholder { + color: transparent; +} + +.focus\:placeholder-transparent:focus:-ms-input-placeholder { + color: transparent; +} + +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } -@media (prefers-color-scheme: dark) { - .dark\:bg-violet-400 { - --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); - } +.focus\:ring:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} - .dark\:text-violet-400 { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); - } +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.focus\:ring-gray-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); +} + +.focus\:ring-blue-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); +} + +.focus\:ring-indigo-900:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity)); +} + +.focus\:ring-indigo-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); +} + +.focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; +} + +.focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; +} + +.active\:bg-blue-500:active { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.active\:bg-yellow-400:active { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + +.dark .dark\:rounded-2xl { + border-radius: 1rem; +} + +.dark .dark\:rounded-lg { + border-radius: 0.5rem; +} + +.dark .dark\:border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + +.dark .dark\:border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + +.dark .dark\:border-gray-600 { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + +.dark .dark\:bg-emerald-900 { + --tw-bg-opacity: 1; + background-color: rgb(6 78 59 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-violet-400 { + --tw-bg-opacity: 1; + background-color: rgb(167 139 250 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-indigo-400 { + --tw-bg-opacity: 1; + background-color: rgb(129 140 248 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-500 { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-purple-800 { + --tw-bg-opacity: 1; + background-color: rgb(107 33 168 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-stone-800 { + --tw-bg-opacity: 1; + background-color: rgb(41 37 36 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgb(153 27 27 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-blue-800 { + --tw-bg-opacity: 1; + background-color: rgb(30 64 175 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-green-800 { + --tw-bg-opacity: 1; + background-color: rgb(22 101 52 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-lime-800 { + --tw-bg-opacity: 1; + background-color: rgb(63 98 18 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-emerald-800 { + --tw-bg-opacity: 1; + background-color: rgb(6 95 70 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-sky-300 { + --tw-bg-opacity: 1; + background-color: rgb(125 211 252 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-sky-800 { + --tw-bg-opacity: 1; + background-color: rgb(7 89 133 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-opacity-40 { + --tw-bg-opacity: 0.4; +} + +.dark .dark\:fill-white { + fill: #fff; +} + +.dark .dark\:p-1 { + padding: 0.25rem; +} + +.dark .dark\:p-2 { + padding: 0.5rem; +} + +.dark .dark\:text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-50 { + --tw-text-opacity: 1; + color: rgb(249 250 251 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.dark .dark\:text-purple-700 { + --tw-text-opacity: 1; + color: rgb(126 34 206 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-200 { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-100 { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +.dark .dark\:text-violet-400 { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + +.dark .dark\:text-purple-800 { + --tw-text-opacity: 1; + color: rgb(107 33 168 / var(--tw-text-opacity)); +} + +.dark .dark\:text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + +.dark .dark\:text-purple-300 { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.dark .dark\:ring-2 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.dark .dark\:ring-green-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity)); +} + +.dark .dark\:ring-purple-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity)); +} + +.dark .dark\:focus-within\:border-blue-300:focus-within { + --tw-border-opacity: 1; + border-color: rgb(147 197 253 / var(--tw-border-opacity)); +} + +.dark .dark\:hover\:bg-gray-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.dark .hover\:dark\:text-violet-400:hover { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-purple-600:hover { + --tw-text-opacity: 1; + color: rgb(147 51 234 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-purple-800:hover { + --tw-text-opacity: 1; + color: rgb(107 33 168 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-500:hover { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-400:hover { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-300:hover { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-purple-500:hover { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-800:hover { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:ring-purple-400:hover { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity)); +} + +.dark .dark\:focus\:border-indigo-500:focus { + --tw-border-opacity: 1; + border-color: rgb(99 102 241 / var(--tw-border-opacity)); +} + +.dark .dark\:focus\:ring-indigo-900:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity)); } @media (min-width: 640px) { @@ -2259,18 +3319,59 @@ Ensure the default browser behavior of the `hidden` attribute. position: relative; } + .sm\:order-2 { + order: 2; + } + + .sm\:col-span-2 { + grid-column: span 2 / span 2; + } + .sm\:col-span-1 { grid-column: span 1 / span 1; } + .sm\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + .sm\:my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } - .sm\:mx-0 { - margin-left: 0px; - margin-right: 0px; + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + + .sm\:mt-0 { + margin-top: 0px; + } + + .sm\:-mt-10 { + margin-top: -2.5rem; + } + + .sm\:ml-auto { + margin-left: auto; + } + + .sm\:ml-4 { + margin-left: 1rem; + } + + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; + } + + .sm\:mb-0 { + margin-bottom: 0px; } .sm\:mr-3 { @@ -2285,34 +3386,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 0.25rem; } - .sm\:mt-0 { - margin-top: 0px; - } - .sm\:mb-16 { margin-bottom: 4rem; } - .sm\:mb-0 { - margin-bottom: 0px; - } - .sm\:mr-4 { margin-right: 1rem; } - .sm\:-mr-20 { - margin-right: -5rem; - } - .sm\:mr-10 { margin-right: 2.5rem; } - .sm\:mt-6 { - margin-top: 1.5rem; - } - .sm\:block { display: block; } @@ -2325,6 +3410,22 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } + .sm\:h-16 { + height: 4rem; + } + + .sm\:h-10 { + height: 2.5rem; + } + + .sm\:w-10 { + width: 2.5rem; + } + + .sm\:w-auto { + width: auto; + } + .sm\:w-full { width: 100%; } @@ -2337,10 +3438,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 66.666667%; } - .sm\:w-auto { - width: auto; - } - .sm\:w-1\/2 { width: 50%; } @@ -2353,14 +3450,34 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } + .sm\:w-64 { + width: 16rem; + } + .sm\:max-w-xl { max-width: 36rem; } + .sm\:max-w-full { + max-width: 100%; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .sm\:flex-row { flex-direction: row; } @@ -2373,6 +3490,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: flex-start; } + .sm\:justify-end { + justify-content: flex-end; + } + .sm\:justify-center { justify-content: center; } @@ -2381,6 +3502,28 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-between; } + .sm\:justify-around { + justify-content: space-around; + } + + .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.25rem * var(--tw-space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); + } + + .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); + } + .sm\:border-none { border-style: none; } @@ -2393,11 +3536,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .sm\:px-0 { padding-left: 0px; padding-right: 0px; } + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -2418,11 +3571,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 8rem; } - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - .sm\:pl-0 { padding-left: 0px; } @@ -2443,13 +3591,12 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .sm\:text-center { - text-align: center; + .sm\:text-left { + text-align: left; } - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .sm\:text-center { + text-align: center; } .sm\:text-6xl { @@ -2457,14 +3604,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .sm\:text-5xl { - font-size: 3rem; - line-height: 1; + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } .sm\:text-base { @@ -2472,9 +3619,9 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.5rem; } - .sm\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; } .sm\:text-sm { @@ -2482,6 +3629,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .sm\:leading-none { line-height: 1; } @@ -2492,6 +3644,18 @@ Ensure the default browser behavior of the `hidden` attribute. position: relative; } + .md\:col-span-1 { + grid-column: span 1 / span 1; + } + + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + .md\:col-span-7 { grid-column: span 7 / span 7; } @@ -2500,9 +3664,8 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 4 / span 4; } - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .md\:m-0 { + margin: 0px; } .md\:mx-0 { @@ -2510,32 +3673,25 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } - .md\:mt-0 { + .md\:my-0 { margin-top: 0px; + margin-bottom: 0px; } - .md\:ml-12 { - margin-left: 3rem; - } - - .md\:mr-3 { - margin-right: 0.75rem; - } - - .md\:-mr-4 { - margin-right: -1rem; - } - - .md\:-ml-4 { - margin-left: -1rem; + .md\:mr-2 { + margin-right: 0.5rem; } .md\:mb-0 { margin-bottom: 0px; } - .md\:mr-10 { - margin-right: 2.5rem; + .md\:mt-0 { + margin-top: 0px; + } + + .md\:mb-2 { + margin-bottom: 0.5rem; } .md\:mr-8 { @@ -2554,6 +3710,38 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:mr-3 { + margin-right: 0.75rem; + } + + .md\:-mr-4 { + margin-right: -1rem; + } + + .md\:-ml-4 { + margin-left: -1rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + + .md\:ml-6 { + margin-left: 1.5rem; + } + + .md\:mb-24 { + margin-bottom: 6rem; + } + + .md\:block { + display: block; + } + .md\:flex { display: flex; } @@ -2566,12 +3754,20 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.5rem; } + .md\:h-full { + height: 100%; + } + .md\:h-24 { height: 6rem; } - .md\:h-full { - height: 100%; + .md\:w-1\/4 { + width: 25%; + } + + .md\:w-1\/2 { + width: 50%; } .md\:w-3\/6 { @@ -2586,14 +3782,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 66.666667%; } - .md\:w-auto { - width: auto; - } - - .md\:w-1\/3 { - width: 33.333333%; - } - .md\:w-full { width: 100%; } @@ -2606,22 +3794,54 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } - .md\:max-w-6xl { - max-width: 72rem; + .md\:w-auto { + width: auto; } - .md\:max-w-lg { - max-width: 32rem; + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-6\/12 { + width: 50%; + } + + .md\:w-4\/12 { + width: 33.333333%; + } + + .md\:max-w-full { + max-width: 100%; } .md\:max-w-md { max-width: 28rem; } + .md\:max-w-lg { + max-width: 32rem; + } + .md\:max-w-sm { max-width: 24rem; } + .md\:max-w-6xl { + max-width: 72rem; + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -2630,6 +3850,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } + .md\:flex-nowrap { + flex-wrap: nowrap; + } + .md\:items-start { align-items: flex-start; } @@ -2638,14 +3862,34 @@ Ensure the default browser behavior of the `hidden` attribute. align-items: flex-end; } + .md\:items-center { + align-items: center; + } + .md\:justify-start { justify-content: flex-start; } + .md\:justify-center { + justify-content: center; + } + .md\:justify-between { justify-content: space-between; } + .md\:space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); + } + + .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); @@ -2676,6 +3920,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-right-radius: 0.5rem; } + .md\:border-b-0 { + border-bottom-width: 0px; + } + + .md\:border-l { + border-left-width: 1px; + } + .md\:border-l-0 { border-left-width: 0px; } @@ -2692,10 +3944,19 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } + .md\:p-8 { + padding: 2rem; + } + .md\:p-0 { padding: 0px; } + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; @@ -2706,6 +3967,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1rem; } + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .md\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + .md\:py-0 { padding-top: 0px; padding-bottom: 0px; @@ -2721,24 +3997,17 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } - .md\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .md\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:pl-20 { + padding-left: 5rem; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:pb-0 { + padding-bottom: 0px; } .md\:pl-16 { @@ -2757,8 +4026,12 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } - .md\:pb-0 { - padding-bottom: 0px; + .md\:pr-20 { + padding-right: 5rem; + } + + .md\:pb-12 { + padding-bottom: 3rem; } .md\:text-left { @@ -2774,21 +4047,26 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } - .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } + .md\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + .md\:leading-tight { line-height: 1.25; } @@ -2797,6 +4075,10 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } + .md\:leading-snug { + line-height: 1.375; + } + .md\:tracking-tight { letter-spacing: -0.025em; } @@ -2807,15 +4089,79 @@ Ensure the default browser behavior of the `hidden` attribute. position: absolute; } + .lg\:relative { + position: relative; + } + + .lg\:order-last { + order: 9999; + } + + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } + + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } + + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + + .lg\:col-start-1 { + grid-column-start: 1; + } + + .lg\:col-end-13 { + grid-column-end: 13; + } + .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } + .lg\:mt-0 { + margin-top: 0px; + } + + .lg\:mt-12 { + margin-top: 3rem; + } + .lg\:mb-0 { margin-bottom: 0px; } + .lg\:-mb-10 { + margin-bottom: -2.5rem; + } + + .lg\:mr-auto { + margin-right: auto; + } + + .lg\:mr-6 { + margin-right: 1.5rem; + } + + .lg\:ml-auto { + margin-left: auto; + } + + .lg\:ml-8 { + margin-left: 2rem; + } + + .lg\:mr-12 { + margin-right: 3rem; + } + .lg\:mr-8 { margin-right: 2rem; } @@ -2832,18 +4178,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 5rem; } - .lg\:mt-0 { - margin-top: 0px; - } - .lg\:mt-10 { margin-top: 2.5rem; } - .lg\:mr-12 { - margin-right: 3rem; - } - .lg\:block { display: block; } @@ -2860,19 +4198,31 @@ Ensure the default browser behavior of the `hidden` attribute. display: flex; } - .lg\:hidden { - display: none; + .lg\:grid { + display: grid; } - .lg\:h-full { - height: 100%; + .lg\:hidden { + display: none; } .lg\:h-screen { height: 100vh; } - .lg\:w-2\/6 { + .lg\:h-full { + height: 100%; + } + + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-auto { + width: auto; + } + + .lg\:w-1\/3 { width: 33.333333%; } @@ -2880,28 +4230,48 @@ Ensure the default browser behavior of the `hidden` attribute. width: 66.666667%; } + .lg\:w-2\/6 { + width: 33.333333%; + } + .lg\:w-1\/2 { width: 50%; } + .lg\:w-8\/12 { + width: 66.666667%; + } + .lg\:w-screen { width: 100vw; } - .lg\:w-1\/3 { - width: 33.333333%; - } - - .lg\:w-1\/4 { - width: 25%; - } - .lg\:w-3\/4 { width: 75%; } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:w-1\/6 { + width: 16.666667%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-4\/12 { + width: 33.333333%; + } + + .lg\:max-w-screen-xl { + max-width: 1280px; + } + + .lg\:max-w-sm { + max-width: 24rem; + } + + .lg\:max-w-full { + max-width: 100%; } .lg\:max-w-6xl { @@ -2916,14 +4286,42 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 56rem; } + .lg\:flex-1 { + flex: 1 1 0%; + } + .lg\:flex-grow { flex-grow: 1; } + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .lg\:flex-row { flex-direction: row; } @@ -2932,14 +4330,44 @@ Ensure the default browser behavior of the `hidden` attribute. align-items: flex-start; } + .lg\:items-end { + align-items: flex-end; + } + .lg\:justify-start { justify-content: flex-start; } + .lg\:justify-end { + justify-content: flex-end; + } + + .lg\:justify-between { + justify-content: space-between; + } + + .lg\:gap-20 { + gap: 5rem; + } + + .lg\:gap-8 { + gap: 2rem; + } + .lg\:gap-24 { gap: 6rem; } + .lg\:gap-y-16 { + row-gap: 4rem; + } + + .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + .lg\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -2949,14 +4377,8 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0px; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; - } - - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:p-10 { + padding: 2.5rem; } .lg\:px-8 { @@ -2964,11 +4386,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -2984,6 +4401,41 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 8rem; } + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .lg\:pl-12 { + padding-left: 3rem; + } + + .lg\:pr-12 { + padding-right: 3rem; + } + + .lg\:pt-0 { + padding-top: 0px; + } + + .lg\:pl-32 { + padding-left: 8rem; + } + + .lg\:pr-16 { + padding-right: 4rem; + } + .lg\:pt-40 { padding-top: 10rem; } @@ -3000,26 +4452,27 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 5rem; } - .lg\:pl-32 { - padding-left: 8rem; - } - - .lg\:pr-16 { - padding-right: 4rem; - } - .lg\:text-left { text-align: left; } + .lg\:text-right { + text-align: right; + } + + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; + } + .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .lg\:text-white { @@ -3060,10 +4513,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } - .xl\:w-1\/2 { - width: 50%; - } - .xl\:w-11\/12 { width: 91.666667%; } @@ -3076,6 +4525,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } + .xl\:w-1\/2 { + width: 50%; + } + + .xl\:max-w-3xl { + max-width: 48rem; + } + .xl\:max-w-6xl { max-width: 72rem; } @@ -3084,10 +4541,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } - .xl\:max-w-3xl { - max-width: 48rem; - } - .xl\:flex-row { flex-direction: row; } @@ -3131,6 +4584,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } + .xl\:text-center { + text-align: center; + } + .xl\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -3141,13 +4598,13 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } -} + + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 30d43f2..2702d18 100755 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@
-

+

Frequently Asked Questions

diff --git a/public/componets/footer/10_footer.html b/public/componets/footer/10_footer.html new file mode 100644 index 0000000..41a2aaa --- /dev/null +++ b/public/componets/footer/10_footer.html @@ -0,0 +1,73 @@ + + + + + + + + footer 10 + + + + + +
+
Footer 10
+
+ + + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/11_footer.html b/public/componets/footer/11_footer.html new file mode 100644 index 0000000..f4392b0 --- /dev/null +++ b/public/componets/footer/11_footer.html @@ -0,0 +1,114 @@ + + + + + + + + footer 11 + + + + +
+
Footer 11
+
+ + + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/12_footer.html b/public/componets/footer/12_footer.html new file mode 100644 index 0000000..6e21940 --- /dev/null +++ b/public/componets/footer/12_footer.html @@ -0,0 +1,154 @@ + + + + + + + + footer 12 + + + + + +
+
Footer 12
+
+
+
+
+
+
+

Category

+ +
+
+

Apples

+ +
+
+

Cherry

+ +
+
+

Business

+ +
+
+
+ Subscribe for updates +
+ + +
+

+ Bacon ipsum dolor amet short ribs pig sausage prosciuto chicken spare ribs salami. +

+
+
+
+

+ © Copyright 2020 Lorem Inc. All rights reserved. +

+
+ + + + + + + + + + + + + + + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/13_footer.html b/public/componets/footer/13_footer.html new file mode 100644 index 0000000..42a45d9 --- /dev/null +++ b/public/componets/footer/13_footer.html @@ -0,0 +1,110 @@ + + + + + + + + footer 13 + + + + + +
+
Footer 13
+
+ +
+
+
+ + + + + + + + Company + +
+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. +

+

+ Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. +

+
+
+
+

Contacts

+
+

Phone:

+ 850-123-5021 +
+
+

Email:

+ info@lorem.mail +
+
+

Address:

+ + 312 Lovely Street, NY + +
+
+
+ Social +
+ + + + + + + + + + + + + + + + +
+

+ Bacon ipsum dolor amet short ribs pig sausage prosciutto chicken spare ribs salami. +

+
+
+
+

+ © Copyright 2020 Lorem Inc. All rights reserved. +

+ +
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/14_footer.html b/public/componets/footer/14_footer.html new file mode 100644 index 0000000..f079247 --- /dev/null +++ b/public/componets/footer/14_footer.html @@ -0,0 +1,151 @@ + + + + + + + + footer 14 + + + + + +
+
Footer 14
+
+
+
+
+ + + + + + + + Company + +
+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. +

+

+ Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. +

+
+
+
+
+

Category

+ +
+
+

Business

+ +
+
+

Apples

+ +
+
+

Cherry

+ +
+
+
+
+

+ © Copyright 2020 Lorem Inc. All rights reserved. +

+
+ + + + + + + + + + + + + + + + +
+
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/15_footer.html b/public/componets/footer/15_footer.html new file mode 100644 index 0000000..2f5717e --- /dev/null +++ b/public/componets/footer/15_footer.html @@ -0,0 +1,160 @@ + + + + + + + + footer 15 + + + + + +
+
Footer 15
+
+
+ + + +
+
+
+ + + + + + + + Company + +
+

+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. +

+

+ Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. +

+
+
+
+
+

+ Category +

+ +
+
+

Cherry

+ +
+
+

Apples

+ +
+
+

+ Business +

+ +
+
+
+
+

+ © Copyright 2020 Lorem Inc. All rights reserved. +

+
+ + + + + + + + + + + + + + + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/16_footer.html b/public/componets/footer/16_footer.html new file mode 100644 index 0000000..019a76e --- /dev/null +++ b/public/componets/footer/16_footer.html @@ -0,0 +1,89 @@ + + + + + + + + footer 16 + + + + + + +
+
Footer 16
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/17_footer.html b/public/componets/footer/17_footer.html new file mode 100644 index 0000000..6c1df55 --- /dev/null +++ b/public/componets/footer/17_footer.html @@ -0,0 +1,96 @@ + + + + + + + + footer 17 + + + + + + +
+
Footer 17
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/18_footer.html b/public/componets/footer/18_footer.html new file mode 100644 index 0000000..4efc1fc --- /dev/null +++ b/public/componets/footer/18_footer.html @@ -0,0 +1,81 @@ + + + + + + + + footer 18 + + + + + +
+
Footer 18
+
+ + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/19_footer.html b/public/componets/footer/19_footer.html new file mode 100644 index 0000000..475ad6a --- /dev/null +++ b/public/componets/footer/19_footer.html @@ -0,0 +1,78 @@ + + + + + + + + footer 19 + + + + +
+
Footer 19
+
+ + + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/1_footer.html b/public/componets/footer/1_footer.html new file mode 100644 index 0000000..25bea21 --- /dev/null +++ b/public/componets/footer/1_footer.html @@ -0,0 +1,131 @@ + + + + + + + + footer 1 + + + +
+ + + +
+ + + \ No newline at end of file diff --git a/public/componets/footer/20_footer.html b/public/componets/footer/20_footer.html new file mode 100644 index 0000000..999261c --- /dev/null +++ b/public/componets/footer/20_footer.html @@ -0,0 +1,89 @@ + + + + + + + + footer 20 + + + + + +
+
Footer 20
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/21_footer.html b/public/componets/footer/21_footer.html new file mode 100644 index 0000000..b8f0be0 --- /dev/null +++ b/public/componets/footer/21_footer.html @@ -0,0 +1,97 @@ + + + + + + + + footer 21 + + + + + +
+
Footer 21
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/22_footer.html b/public/componets/footer/22_footer.html new file mode 100644 index 0000000..bc82420 --- /dev/null +++ b/public/componets/footer/22_footer.html @@ -0,0 +1,63 @@ + + + + + + + + footer 22 + + + + + +
+
Footer 22
+
+ + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/23_footer.html b/public/componets/footer/23_footer.html new file mode 100644 index 0000000..955071d --- /dev/null +++ b/public/componets/footer/23_footer.html @@ -0,0 +1,107 @@ + + + + + + + + footer 23 + + + + +
+
Footer 22
+
+ + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/24_footer.html b/public/componets/footer/24_footer.html new file mode 100644 index 0000000..d52f76d --- /dev/null +++ b/public/componets/footer/24_footer.html @@ -0,0 +1,15 @@ + + + + + + + + footer 24 + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/25_footer.html b/public/componets/footer/25_footer.html new file mode 100644 index 0000000..89abfab --- /dev/null +++ b/public/componets/footer/25_footer.html @@ -0,0 +1,15 @@ + + + + + + + + footer 25 + + + + + + + \ No newline at end of file diff --git a/public/componets/footer/2_footer.html b/public/componets/footer/2_footer.html new file mode 100644 index 0000000..e556164 --- /dev/null +++ b/public/componets/footer/2_footer.html @@ -0,0 +1,139 @@ + + + + + + + + footer 2 + + + + +
+
Footer 2
+
+ + +
+ + + + +
+ + + + \ No newline at end of file diff --git a/public/componets/footer/3_footer.html b/public/componets/footer/3_footer.html new file mode 100644 index 0000000..083dd38 --- /dev/null +++ b/public/componets/footer/3_footer.html @@ -0,0 +1,170 @@ + + + + + + + + footer 3 + + + +
+
Footer 3
+
+ + + + + + + + + + + + + + + + + + footer 4 + + + + +
+
Footer 4
+
+ + + + + + + + + + + + + + + footer 5 + + + +
+
Footer 5
+
+ + + + + + + + + + + + + + + footer 6 + + + + + +
+
Footer 6
+
+ + + + + + + + + + + + + + footer 7 + + + + +
+
Footer 7
+
+ + + + \ No newline at end of file diff --git a/public/componets/footer/8_footer.html b/public/componets/footer/8_footer.html new file mode 100644 index 0000000..6abe5bf --- /dev/null +++ b/public/componets/footer/8_footer.html @@ -0,0 +1,136 @@ + + + + + + + + footer 8 + + + + +
+
Footer 8
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/footer/9_footer.html b/public/componets/footer/9_footer.html new file mode 100644 index 0000000..0fd962c --- /dev/null +++ b/public/componets/footer/9_footer.html @@ -0,0 +1,96 @@ + + + + + + + + footer 9 + + + + +
+
Footer 9
+
+ + + + + + + \ No newline at end of file diff --git a/public/componets/hero/hero.html b/public/componets/hero/hero.html index d55a8f2..d07d2ba 100644 --- a/public/componets/hero/hero.html +++ b/public/componets/hero/hero.html @@ -1,5 +1,5 @@ - + @@ -215,7 +215,7 @@
-

Here a really cool title!

+

Here a really cool title!

Some fancy text to invite to an event, the place of the event and the date of the event.

Tickets diff --git a/src/tailshape.css b/src/tailshape.css index b5c61c9..c129d8e 100755 --- a/src/tailshape.css +++ b/src/tailshape.css @@ -1,3 +1,13 @@ @tailwind base; @tailwind components; @tailwind utilities; + + +.section_divider{ + @apply py-12 text-center bg-white font-mono font-bold text-lg dark:bg-slate-800 dark:text-gray-300 dark:border-y-2 dark:border-teal-500; +} + +.dark_mode_button_custom_style{ + @apply z-50 fixed top-32 right-0 px-2 py-1 rounded-xl border-2 border-slate-700 + dark:text-gray-800 text-white bg-neutral-800 dark:bg-green-300; +} \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 6edb56a..c8431ff 100755 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,6 +5,7 @@ module.exports = { // "./src/**/*.{html,js}", // "./index.html", ], + darkMode:'class', theme: { extend: {}, },