diff --git a/public/.DS_Store b/public/.DS_Store index 8363f1e..7cafb1b 100644 Binary files a/public/.DS_Store and b/public/.DS_Store differ diff --git a/public/css/output.css b/public/css/output.css index 0712b38..1f42d12 100644 --- a/public/css/output.css +++ b/public/css/output.css @@ -2934,6 +2934,21 @@ html { margin-bottom: 2rem; } +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; +} + +.my-\[0\%\] { + margin-top: 0%; + margin-bottom: 0%; +} + +.my-0 { + margin-top: 0px; + margin-bottom: 0px; +} + .-mr-4 { margin-right: -1rem; } @@ -3002,6 +3017,10 @@ html { margin-right: 1.5rem; } +.mr-8 { + margin-right: 2rem; +} + .mt-10 { margin-top: 2.5rem; } @@ -3022,6 +3041,14 @@ html { margin-top: 2rem; } +.mb-16 { + margin-bottom: 4rem; +} + +.mr-16 { + margin-right: 4rem; +} + .block { display: block; } @@ -3099,6 +3126,18 @@ html { height: 100%; } +.h-\[241\] { + height: 241; +} + +.h-\[241\.32rem\] { + height: 241.32rem; +} + +.h-\[241\.32px\] { + height: 241.32px; +} + .min-h-full { min-height: 100%; } @@ -3164,6 +3203,10 @@ html { width: 100%; } +.w-\[340px\] { + width: 340px; +} + .max-w-md { max-width: 28rem; } @@ -3172,6 +3215,10 @@ html { max-width: 24rem; } +.max-w-lg { + max-width: 32rem; +} + .flex-1 { flex: 1 1 0%; } @@ -3267,6 +3314,10 @@ html { align-items: center; } +.justify-end { + justify-content: flex-end; +} + .justify-center { justify-content: center; } @@ -3275,6 +3326,14 @@ html { justify-content: space-between; } +.justify-items-start { + justify-items: start; +} + +.justify-items-end { + justify-items: end; +} + .space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); @@ -3298,6 +3357,10 @@ html { border-color: rgb(209 213 219 / var(--tw-divide-opacity)); } +.self-end { + align-self: flex-end; +} + .self-center { align-self: center; } @@ -3427,6 +3490,46 @@ html { border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.border-\[\#C21EC0\] { + --tw-border-opacity: 1; + border-color: rgb(194 30 192 / var(--tw-border-opacity)); +} + +.border-\[\#5A1475\] { + --tw-border-opacity: 1; + border-color: rgb(90 20 117 / var(--tw-border-opacity)); +} + +.border-\[\#DB972C\] { + --tw-border-opacity: 1; + border-color: rgb(219 151 44 / var(--tw-border-opacity)); +} + +.border-yellow-400 { + --tw-border-opacity: 1; + border-color: rgb(250 204 21 / var(--tw-border-opacity)); +} + +.border-red-400 { + --tw-border-opacity: 1; + border-color: rgb(248 113 113 / var(--tw-border-opacity)); +} + +.border-red-600 { + --tw-border-opacity: 1; + border-color: rgb(220 38 38 / var(--tw-border-opacity)); +} + +.border-yellow-300 { + --tw-border-opacity: 1; + border-color: rgb(253 224 71 / var(--tw-border-opacity)); +} + +.border-gray-800 { + --tw-border-opacity: 1; + border-color: rgb(31 41 55 / var(--tw-border-opacity)); +} + .border-b-green-500 { --tw-border-opacity: 1; border-bottom-color: rgb(34 197 94 / var(--tw-border-opacity)); @@ -3467,6 +3570,11 @@ html { background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); @@ -3477,14 +3585,14 @@ html { background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } -.bg-indigo-600 { +.bg-gray-800 { --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.bg-primary { +.bg-indigo-600 { --tw-bg-opacity: 1; - background-color: hsl(var(--p) / var(--tw-bg-opacity)); + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } .bg-teal-200 { @@ -3501,6 +3609,66 @@ html { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + +.bg-emerald-400 { + --tw-bg-opacity: 1; + background-color: rgb(52 211 153 / var(--tw-bg-opacity)); +} + +.bg-\[\#C21EC0\] { + --tw-bg-opacity: 1; + background-color: rgb(194 30 192 / var(--tw-bg-opacity)); +} + +.bg-\[\#5A1475\] { + --tw-bg-opacity: 1; + background-color: rgb(90 20 117 / var(--tw-bg-opacity)); +} + +.bg-\[\#4D0375\] { + --tw-bg-opacity: 1; + background-color: rgb(77 3 117 / var(--tw-bg-opacity)); +} + +.bg-\[\#761ffe\] { + --tw-bg-opacity: 1; + background-color: rgb(118 31 254 / var(--tw-bg-opacity)); +} + +.bg-\[\#eab30e\] { + --tw-bg-opacity: 1; + background-color: rgb(234 179 14 / var(--tw-bg-opacity)); +} + +.bg-\[\#82E8BF\] { + --tw-bg-opacity: 1; + background-color: rgb(130 232 191 / var(--tw-bg-opacity)); +} + +.bg-\[\#5EDC70\] { + --tw-bg-opacity: 1; + background-color: rgb(94 220 112 / var(--tw-bg-opacity)); +} + +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.bg-yellow-300 { + --tw-bg-opacity: 1; + background-color: rgb(253 224 71 / var(--tw-bg-opacity)); +} + +.bg-yellow-200 { + --tw-bg-opacity: 1; + background-color: rgb(254 240 138 / var(--tw-bg-opacity)); +} + .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } @@ -3509,6 +3677,14 @@ html { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); +} + +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); +} + .from-cyan-500 { --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); @@ -3521,6 +3697,50 @@ html { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.from-green-300 { + --tw-gradient-from: #86efac var(--tw-gradient-from-position); + --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-amber-300 { + --tw-gradient-from: #fcd34d var(--tw-gradient-from-position); + --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-rose-600 { + --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-rose-400 { + --tw-gradient-from: #fb7185 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.via-blue-500 { + --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-orange-300 { + --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-violet-600 { + --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-blue-400 { + --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to); +} + .to-blue-500 { --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); } @@ -3533,6 +3753,34 @@ html { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); } +.to-purple-600 { + --tw-gradient-to: #9333ea var(--tw-gradient-to-position); +} + +.to-rose-300 { + --tw-gradient-to: #fda4af var(--tw-gradient-to-position); +} + +.to-indigo-500 { + --tw-gradient-to: #6366f1 var(--tw-gradient-to-position); +} + +.to-green-400 { + --tw-gradient-to: #4ade80 var(--tw-gradient-to-position); +} + +.to-lime-500 { + --tw-gradient-to: #84cc16 var(--tw-gradient-to-position); +} + +.to-green-500 { + --tw-gradient-to: #22c55e var(--tw-gradient-to-position); +} + +.to-emerald-400 { + --tw-gradient-to: #34d399 var(--tw-gradient-to-position); +} + .bg-clip-padding { background-clip: padding-box; } @@ -3545,14 +3793,26 @@ html { fill: #34d399; } -.stroke-current { - stroke: currentColor; +.fill-black { + fill: #000; +} + +.fill-white { + fill: #fff; +} + +.fill-yellow-500 { + fill: #eab308; } .stroke-black { stroke: #000; } +.stroke-current { + stroke: currentColor; +} + .object-none { -o-object-fit: none; object-fit: none; @@ -3649,6 +3909,41 @@ html { padding-bottom: 0.4375rem; } +.px-\[10\%\] { + padding-left: 10%; + padding-right: 10%; +} + +.py-\[0\%\] { + padding-top: 0%; + padding-bottom: 0%; +} + +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.py-\[10\%\] { + padding-top: 10%; + padding-bottom: 10%; +} + +.py-\[5\%\] { + padding-top: 5%; + padding-bottom: 5%; +} + .pl-10 { padding-left: 2.5rem; } @@ -3661,10 +3956,18 @@ html { padding-left: 1.5rem; } +.pl-8 { + padding-left: 2rem; +} + .pt-0 { padding-top: 0px; } +.pr-16 { + padding-right: 4rem; +} + .text-left { text-align: left; } @@ -3673,6 +3976,10 @@ html { text-align: center; } +.text-right { + text-align: right; +} + .align-middle { vertical-align: middle; } @@ -3689,6 +3996,10 @@ html { font-family: Rubik, sans-serif; } +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -3773,6 +4084,10 @@ html { line-height: 1; } +.leading-tight { + line-height: 1.25; +} + .tracking-tight { letter-spacing: -0.025em; } @@ -3781,9 +4096,9 @@ html { letter-spacing: 0.05em; } -.text-amber-950 { +.text-\[\#C26EB7\] { --tw-text-opacity: 1; - color: rgb(69 26 3 / var(--tw-text-opacity)); + color: rgb(194 110 183 / var(--tw-text-opacity)); } .text-black { @@ -3846,6 +4161,59 @@ html { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-\[\] { + color: ; +} + +.text-\[\#C21EC0\] { + --tw-text-opacity: 1; + color: rgb(194 30 192 / var(--tw-text-opacity)); +} + +.text-\[\#DB972C\] { + --tw-text-opacity: 1; + color: rgb(219 151 44 / var(--tw-text-opacity)); +} + +.text-\[\#ff30ff\] { + --tw-text-opacity: 1; + color: rgb(255 48 255 / var(--tw-text-opacity)); +} + +.text-primary { + --tw-text-opacity: 1; + color: hsl(var(--p) / var(--tw-text-opacity)); +} + +.text-emerald-300 { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity)); +} + +.text-yellow-600 { + --tw-text-opacity: 1; + color: rgb(202 138 4 / var(--tw-text-opacity)); +} + +.text-yellow-400 { + --tw-text-opacity: 1; + color: rgb(250 204 21 / var(--tw-text-opacity)); +} + +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38 / var(--tw-text-opacity)); +} + +.text-yellow-300 { + --tw-text-opacity: 1; + color: rgb(253 224 71 / var(--tw-text-opacity)); +} + +.underline { + text-decoration-line: underline; +} + .opacity-0 { opacity: 0; } @@ -3888,6 +4256,11 @@ html { --tw-shadow: var(--tw-shadow-colored); } +.shadow-gray-800 { + --tw-shadow-color: #1f2937; + --tw-shadow: var(--tw-shadow-colored); +} + .shadow-primary { --tw-shadow-color: hsl(var(--p) / 1); --tw-shadow: var(--tw-shadow-colored); @@ -3926,16 +4299,15 @@ html { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.ring-0 { - --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(0px + 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); -} - .ring-inset { --tw-ring-inset: inset; } +.ring-\[\#C2B100\] { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(194 177 0 / var(--tw-ring-opacity)); +} + .ring-blue-500\/50 { --tw-ring-color: rgb(59 130 246 / 0.5); } @@ -4064,6 +4436,55 @@ input.valid { color: red; } +@media (hover: hover) { + :is(.dark .dark\:btn-success):hover { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: hsl(var(--su) / var(--tw-bg-opacity)); + } + + :is(.dark .dark\:btn-success).btn-outline:hover { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: hsl(var(--su) / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: hsl(var(--suc) / var(--tw-text-opacity)); + } +} + +:is(.dark .dark\:btn-success) { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: hsl(var(--su) / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: hsl(var(--suc) / var(--tw-text-opacity)); + outline-color: hsl(var(--su) / 1); +} + +:is(.dark .dark\:btn-success).btn-active { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: hsl(var(--su) / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:btn-success).btn-outline { + --tw-text-opacity: 1; + color: hsl(var(--su) / var(--tw-text-opacity)); +} + +:is(.dark .dark\:btn-success).btn-outline.btn-active { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: hsl(var(--su) / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: hsl(var(--suc) / var(--tw-text-opacity)); +} + .placeholder\:text-gray-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); @@ -4235,6 +4656,16 @@ input.valid { border-color: rgb(255 255 255 / var(--tw-border-opacity)); } +.hover\:border-black:hover { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.hover\:border-\[\#C21EC0\]:hover { + --tw-border-opacity: 1; + border-color: rgb(194 30 192 / var(--tw-border-opacity)); +} + .hover\:border-b-green-300:hover { --tw-border-opacity: 1; border-bottom-color: rgb(134 239 172 / var(--tw-border-opacity)); @@ -4269,6 +4700,26 @@ input.valid { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.hover\:bg-black:hover { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + +.hover\:bg-\[\#C21EC0\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(194 30 192 / var(--tw-bg-opacity)); +} + +.hover\:bg-\[\#DB972C\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(219 151 44 / var(--tw-bg-opacity)); +} + +.hover\:bg-yellow-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + .hover\:from-cyan-400:hover { --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); @@ -4310,13 +4761,13 @@ input.valid { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:shadow-black\/50:hover { - --tw-shadow-color: rgb(0 0 0 / 0.5); +.hover\:shadow-\[\#C2B100\]\/50:hover { + --tw-shadow-color: rgb(194 177 0 / 0.5); --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-emerald-400\/50:hover { - --tw-shadow-color: rgb(52 211 153 / 0.5); +.hover\:shadow-black\/50:hover { + --tw-shadow-color: rgb(0 0 0 / 0.5); --tw-shadow: var(--tw-shadow-colored); } @@ -4331,6 +4782,11 @@ input.valid { --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)); } +.hover\:ring-gray-800:hover { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); +} + .hover\:before\:bg-red-400:hover::before { content: var(--tw-content); --tw-bg-opacity: 1; @@ -4343,10 +4799,6 @@ input.valid { background-color: rgb(248 113 113 / var(--tw-bg-opacity)); } -.focus\:border-none:focus { - border-style: none; -} - .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); @@ -4380,12 +4832,6 @@ input.valid { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus\:ring-0: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(0px + 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-inset:focus { --tw-ring-inset: inset; } @@ -4419,6 +4865,11 @@ input.valid { --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity)); } +.focus\:ring-gray-800:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); +} + .focus-visible\:outline:focus-visible { outline-style: solid; } @@ -4467,45 +4918,130 @@ input.valid { visibility: visible; } -@media (prefers-color-scheme: dark) { - .dark\:border-gray-500 { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); - } +:is(.dark .dark\:border-4) { + border-width: 4px; +} - .dark\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); - } +:is(.dark .dark\:border-black) { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} - .dark\:bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); - } +:is(.dark .dark\:border-gray-500) { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity)); +} - .dark\:text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); - } +:is(.dark .dark\:border-emerald-500) { + --tw-border-opacity: 1; + border-color: rgb(16 185 129 / var(--tw-border-opacity)); +} - .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); - } +:is(.dark .dark\:bg-\[\#BF991D\]) { + --tw-bg-opacity: 1; + background-color: rgb(191 153 29 / var(--tw-bg-opacity)); +} - .dark\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - } +:is(.dark .dark\:bg-black) { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} - .dark\:hover\:bg-gray-200\/80:hover { - background-color: rgb(229 231 235 / 0.8); - } +:is(.dark .dark\:bg-gray-500) { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} - .dark\:hover\:text-slate-700:hover { - --tw-text-opacity: 1; - color: rgb(51 65 85 / var(--tw-text-opacity)); - } +:is(.dark .dark\:bg-gray-600) { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-800) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-transparent) { + background-color: transparent; +} + +:is(.dark .dark\:from-gray-800) { + --tw-gradient-from: #1f2937 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +:is(.dark .dark\:to-gray-800) { + --tw-gradient-to: #1f2937 var(--tw-gradient-to-position); +} + +:is(.dark .dark\:text-\[\#BF991D\]) { + --tw-text-opacity: 1; + color: rgb(191 153 29 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-100) { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-400) { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-white) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-300) { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-success) { + --tw-text-opacity: 1; + color: hsl(var(--su) / var(--tw-text-opacity)); +} + +:is(.dark .dark\:hover\:border-none:hover) { + border-style: none; +} + +:is(.dark .dark\:hover\:border-black:hover) { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:hover\:bg-\[\#C2B100\]:hover) { + --tw-bg-opacity: 1; + background-color: rgb(194 177 0 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:hover\:bg-gray-200\/80:hover) { + background-color: rgb(229 231 235 / 0.8); +} + +:is(.dark .dark\:hover\:text-slate-700:hover) { + --tw-text-opacity: 1; + color: rgb(51 65 85 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:hover\:shadow-\[\#C2B100\]\/50:hover) { + --tw-shadow-color: rgb(194 177 0 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + +:is(.dark .dark\:hover\:ring-emerald-400:hover) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)); +} + +:is(.dark .dark\:focus\:ring-emerald-400:focus) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)); } @media (min-width: 640px) { diff --git a/public/home.html b/public/home.html index 27b0810..b450c0e 100644 --- a/public/home.html +++ b/public/home.html @@ -1,12 +1,12 @@ - - - + + + Home - -
+ +
-
diff --git a/public/images/.DS_Store b/public/images/.DS_Store new file mode 100644 index 0000000..33a0fe6 Binary files /dev/null and b/public/images/.DS_Store differ diff --git a/public/images/step2.png b/public/images/step2.png new file mode 100644 index 0000000..e761882 Binary files /dev/null and b/public/images/step2.png differ diff --git a/public/images/step3.png b/public/images/step3.png new file mode 100644 index 0000000..81bccaf Binary files /dev/null and b/public/images/step3.png differ diff --git a/public/links.html b/public/links.html index ff2aea6..7a98000 100644 --- a/public/links.html +++ b/public/links.html @@ -1,5 +1,5 @@ - + My Links @@ -8,7 +8,7 @@
-