diff --git a/index.html b/index.html index abaabb5..6bb84a6 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,54 @@ - Minimalist Tailwind Page - - + + .card { + background-color: white; + border-radius: 1rem; + padding: 2rem; + max-width: 28rem; + width: 100%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + transition: box-shadow 0.3s ease-in-out; + } + + .card:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + h1 { + font-size: 1.875rem; + font-weight: 300; + color: #1e3a8a; + margin-bottom: 1rem; + text-align: center; + } + + p { + color: #4b5563; + line-height: 1.625; + margin: 0; + } + - -
-

Welcome

-

+ +

+

Welcome

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.