diff --git a/dist/tailshape.css b/dist/tailshape.css index d2033b7..174ce02 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -668,6 +668,10 @@ Ensure the default browser behavior of the `hidden` attribute. left: 50%; } +.-right-7 { + right: -1.75rem; +} + .-bottom-5 { bottom: -1.25rem; } @@ -696,88 +700,16 @@ Ensure the default browser behavior of the `hidden` attribute. left: -0.25rem; } -.-top-2 { - top: -0.5rem; +.top-5 { + top: 1.25rem; } -.-top-20 { - top: -5rem; +.right-5 { + right: 1.25rem; } -.top-20 { - top: 5rem; -} - -.left-10 { - left: 2.5rem; -} - -.right-10 { - right: 2.5rem; -} - -.left-2 { - left: 0.5rem; -} - -.left-1 { - left: 0.25rem; -} - -.left-20 { - left: 5rem; -} - -.right-20 { - right: 5rem; -} - -.right-3 { - right: 0.75rem; -} - -.right-32 { - right: 8rem; -} - -.right-2\/4 { - right: 50%; -} - -.right-1\/4 { - right: 25%; -} - -.right-3\/4 { - right: 75%; -} - -.left-3\/4 { - left: 75%; -} - -.right-\[\] { - right: ; -} - -.right-\[20\] { - right: 20; -} - -.right-\[20px\] { - right: 20px; -} - -.right-\[200px\] { - right: 200px; -} - -.right-\[250px\] { - right: 250px; -} - -.top-10 { - top: 2.5rem; +.left-5 { + left: 1.25rem; } .z-20 { @@ -920,6 +852,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin: -1rem; } +.m-5 { + margin: 1.25rem; +} + .mx-20 { margin-left: 5rem; margin-right: 5rem; @@ -1030,11 +966,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 4rem; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; -} - .mx-0 { margin-left: 0px; margin-right: 0px; @@ -1070,6 +1001,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} + .my-20 { margin-top: 5rem; margin-bottom: 5rem; @@ -1427,6 +1363,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0px; } +.-mt-12 { + margin-top: -3rem; +} + .block { display: block; } @@ -1615,10 +1555,22 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.375rem; } +.h-5\/6 { + height: 83.333333%; +} + +.h-4\/5 { + height: 80%; +} + .max-h-0 { max-height: 0px; } +.max-h-96 { + max-height: 24rem; +} + .max-h-full { max-height: 100%; } @@ -1849,6 +1801,18 @@ Ensure the default browser behavior of the `hidden` attribute. width: 0.375rem; } +.w-11 { + width: 2.75rem; +} + +.w-4\/6 { + width: 66.666667%; +} + +.w-1\/6 { + width: 16.666667%; +} + .min-w-full { min-width: 100%; } @@ -1945,6 +1909,12 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1340px; } +.max-w-fit { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; +} + .flex-1 { flex: 1 1 0%; } @@ -2041,6 +2011,26 @@ Ensure the default browser behavior of the `hidden` attribute. 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-1\/4 { + --tw-translate-x: -25%; + 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-1\/4 { + --tw-translate-x: 25%; + 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-6 { + --tw-translate-x: 1.5rem; + 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-6 { + --tw-translate-y: -1.5rem; + 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-180 { --tw-rotate: 180deg; 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)); @@ -2076,6 +2066,16 @@ Ensure the default browser behavior of the `hidden` attribute. 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-2 { + --tw-rotate: -2deg; + 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-2 { + --tw-rotate: 2deg; + 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)); +} + .-skew-x-3 { --tw-skew-x: -3deg; 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)); @@ -2131,6 +2131,16 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } +.scale-x-105 { + --tw-scale-x: 1.05; + 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)); +} + +.scale-y-95 { + --tw-scale-y: .95; + 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)); +} + .transform { 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)); } @@ -2212,6 +2222,11 @@ Ensure the default browser behavior of the `hidden` attribute. cursor: not-allowed; } +.cursor-grab { + cursor: -webkit-grab; + cursor: grab; +} + .select-none { -webkit-user-select: none; -moz-user-select: none; @@ -2759,6 +2774,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-right-radius: 9999px; } +.rounded-t-none { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + .rounded-tl { border-top-left-radius: 0.25rem; } @@ -2855,6 +2875,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-right-width: 0px; } +.border-t-4 { + border-top-width: 4px; +} + +.border-b-8 { + border-bottom-width: 8px; +} + .border-solid { border-style: solid; } @@ -3043,6 +3071,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } +.border-indigo-600 { + --tw-border-opacity: 1; + border-color: rgb(79 70 229 / var(--tw-border-opacity)); +} + +.border-teal-400 { + --tw-border-opacity: 1; + border-color: rgb(45 212 191 / var(--tw-border-opacity)); +} + .border-r-gray-200 { --tw-border-opacity: 1; border-right-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -3603,6 +3641,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-position: center; } +.bg-top { + background-position: top; +} + .bg-no-repeat { background-repeat: no-repeat; } @@ -3631,6 +3673,10 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } +.fill-red-500 { + fill: #ef4444; +} + .stroke-gray-500 { stroke: #6b7280; } @@ -3639,6 +3685,10 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: currentColor; } +.stroke-gray-300 { + stroke: #d1d5db; +} + .stroke-2 { stroke-width: 2; } @@ -3648,6 +3698,11 @@ Ensure the default browser behavior of the `hidden` attribute. object-fit: cover; } +.object-fill { + -o-object-fit: fill; + object-fit: fill; +} + .object-center { -o-object-position: center; object-position: center; @@ -3702,6 +3757,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 7rem; } +.p-24 { + padding: 6rem; +} + .p-2\.5 { padding: 0.625rem; } @@ -3718,10 +3777,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 3rem; } -.p-24 { - padding: 6rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -3912,6 +3967,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.875rem; } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} + .pt-20 { padding-top: 5rem; } @@ -4700,6 +4760,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(185 28 28 / var(--tw-text-opacity)); } +.text-purple-900 { + --tw-text-opacity: 1; + color: rgb(88 28 135 / var(--tw-text-opacity)); +} + .text-opacity-50 { --tw-text-opacity: 0.5; } @@ -4904,6 +4969,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-shadow: var(--tw-shadow-colored); } +.shadow-white { + --tw-shadow-color: #fff; + --tw-shadow: var(--tw-shadow-colored); +} + +.shadow-emerald-300 { + --tw-shadow-color: #6ee7b7; + --tw-shadow: var(--tw-shadow-colored); +} + .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -4964,6 +5039,26 @@ Ensure the default browser behavior of the `hidden` attribute. 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); } +.drop-shadow-sm { + --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); + 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); +} + +.drop-shadow-md { + --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); + 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); +} + +.drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); + 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); +} + +.drop-shadow-xl { + --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); + 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); +} + .grayscale { --tw-grayscale: grayscale(100%); 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); @@ -5164,6 +5259,11 @@ Ensure the default browser behavior of the `hidden` attribute. display: block; } +.before\:hidden::before { + content: var(--tw-content); + display: none; +} + .before\:h-3::before { content: var(--tw-content); height: 0.75rem; @@ -5228,12 +5328,28 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } +.hover\:-translate-y-1:hover { + --tw-translate-y: -0.25rem; + 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)); +} + +.hover\:rotate-12:hover { + --tw-rotate: 12deg; + 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)); +} + .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } +.hover\:scale-110:hover { + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + 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)); +} + .hover\:cursor-pointer:hover { cursor: pointer; } @@ -5292,6 +5408,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: transparent; } +.hover\:border-teal-500:hover { + --tw-border-opacity: 1; + border-color: rgb(20 184 166 / var(--tw-border-opacity)); +} + .hover\:border-b-blue-300:hover { --tw-border-opacity: 1; border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -5717,6 +5838,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(126 34 206 / var(--tw-text-opacity)); } +.hover\:text-gray-200:hover { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + .hover\:text-opacity-75:hover { --tw-text-opacity: 0.75; } @@ -5765,6 +5891,11 @@ 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\:outline-none:hover { + outline: 2px solid transparent; + outline-offset: 2px; +} + .hover\:ring:hover { --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); @@ -7217,6 +7348,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity)); } +.dark .dark\:ring-emerald-300 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity)); +} + +.dark .dark\:ring-emerald-900 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity)); +} + .dark .dark\:placeholder\:text-emerald-300::-moz-placeholder { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity)); @@ -7647,6 +7788,10 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 8 / span 8; } + .sm\:-m-4 { + margin: -1rem; + } + .sm\:mx-12 { margin-left: 3rem; margin-right: 3rem; @@ -7707,6 +7852,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + .sm\:mr-6 { margin-right: 1.5rem; } @@ -7807,6 +7957,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: auto; } + .sm\:-mt-6 { + margin-top: -1.5rem; + } + .sm\:block { display: block; } @@ -7859,6 +8013,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100%; } + .sm\:h-6 { + height: 1.5rem; + } + .sm\:w-10\/12 { width: 83.333333%; } @@ -7951,6 +8109,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } + .sm\:w-6 { + width: 1.5rem; + } + .sm\:max-w-full { max-width: 100%; } @@ -8124,6 +8286,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } + .sm\:border { + border-width: 1px; + } + .sm\:border-none { border-style: none; } @@ -8235,6 +8401,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -8777,6 +8948,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 12rem; } + .md\:h-screen { + height: 100vh; + } + .md\:h-36 { height: 9rem; } @@ -9858,6 +10033,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 8rem; } + .lg\:-mt-24 { + margin-top: -6rem; + } + .lg\:block { display: block; } @@ -10215,6 +10394,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } + .lg\: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))); + } + .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } @@ -10227,6 +10412,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + .lg\:border-none { border-style: none; } @@ -10245,6 +10435,10 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } + .lg\:bg-transparent { + background-color: transparent; + } + .lg\:p-10 { padding: 2.5rem; } @@ -10682,6 +10876,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } + .xl\:min-h-0 { + min-height: 0px; + } + .xl\:w-2\/5 { width: 40%; } @@ -10734,6 +10932,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } + .xl\:min-w-0 { + min-width: 0px; + } + .xl\:max-w-screen-xl { max-width: 1280px; } diff --git a/public/componets/contact/8_contact.html b/public/componets/contact/8_contact.html index 94ecedc..a64cb24 100644 --- a/public/componets/contact/8_contact.html +++ b/public/componets/contact/8_contact.html @@ -21,9 +21,9 @@