{"html":"

\n \n

\n\n

Jesus Echeverria

Web\n Developer

\n \n \n \n \n

","css":".m-3 {\n margin: 0.75rem\n}\n\n.block {\n display: block\n}\n\n.flex {\n display: flex\n}\n\n.h-14 {\n height: 3.5rem\n}\n\n.h-28 {\n height: 7rem\n}\n\n.w-14 {\n width: 3.5rem\n}\n\n.w-4 {\n width: 1rem\n}\n\n.w-7 {\n width: 1.75rem\n}\n\n.w-72 {\n width: 18rem\n}\n\n.items-center {\n align-items: center\n}\n\n.justify-center {\n justify-content: center\n}\n\n.gap-3 {\n gap: 0.75rem\n}\n\n.rounded-full {\n border-radius: 9999px\n}\n\n.rounded-md {\n border-radius: 0.375rem\n}\n\n.border-l {\n border-left-width: 1px\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.bg-gradient-to-l {\n background-image: linear-gradient(to left, var(--tw-gradient-stops))\n}\n\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n\n.from-\\[\\#005BC4\\] {\n --tw-gradient-from: #005BC4 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(0 91 196 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.from-\\[\\#F9C97C\\] {\n --tw-gradient-from: #F9C97C var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(249 201 124 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.to-\\[\\#27272A\\] {\n --tw-gradient-to: #27272A var(--tw-gradient-to-position)\n}\n\n.to-\\[\\#A2E9C1\\] {\n --tw-gradient-to: #A2E9C1 var(--tw-gradient-to-position)\n}\n\n.bg-clip-text {\n -webkit-background-clip: text;\n background-clip: text\n}\n\n.fill-gray-700 {\n fill: #374151\n}\n\n.fill-white {\n fill: #fff\n}\n\n.stroke-2 {\n stroke-width: 2\n}\n\n.p-3 {\n padding: 0.75rem\n}\n\n.pl-3 {\n padding-left: 0.75rem\n}\n\n.pt-2 {\n padding-top: 0.5rem\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.font-semibold {\n font-weight: 600\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity))\n}\n\n.text-transparent {\n color: transparent\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.duration-200 {\n transition-duration: 200ms\n}\n\n.duration-300 {\n transition-duration: 300ms\n}\n\n.hover\\:scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n 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))\n}\n\n.hover\\:scale-125:hover {\n --tw-scale-x: 1.25;\n --tw-scale-y: 1.25;\n 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))\n}\n\n.hover\\:cursor-pointer:hover {\n cursor: pointer\n}\n\n.hover\\:from-\\[\\#C9A9E9\\]:hover {\n --tw-gradient-from: #C9A9E9 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(201 169 233 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.hover\\:to-\\[\\#7EE7FC\\]:hover {\n --tw-gradient-to: #7EE7FC var(--tw-gradient-to-position)\n}"}

rare-goat-94

👁 实时预览

📝 源代码