diff --git a/index.html b/index.html index 121206d..d232472 100644 --- a/index.html +++ b/index.html @@ -16,36 +16,24 @@ background-repeat: no-repeat; background-attachment: fixed; color: #e0e0e0; - display: flex; flex-direction: column; align-items: center; justify-content: center; - min-height: 100vh; padding: 2rem; + display: flex; flex-direction: column; align-items: center; justify-content: flex-start; + min-height: 100vh; padding: 0 2rem; } body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, 0.45); + background: rgba(0, 0, 0, 0.35); z-index: 0; } - .container { max-width: 640px; text-align: center; position: relative; z-index: 1; } - h1 { font-size: 2.5rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.6); } - p { font-size: 1.1rem; line-height: 1.6; color: #ececec; margin-bottom: 1rem; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } - .divider { width: 60px; height: 2px; background: rgba(255,255,255,0.45); margin: 1.5rem auto; } - .links { margin-top: 1.5rem; } - .links a { color: #9ec5ff; text-decoration: none; font-size: 0.95rem; margin: 0 0.75rem; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } - .links a:hover { text-decoration: underline; } - .tag { font-size: 0.85rem; color: #d8d8d8; margin-top: 2rem; } + .container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; } + h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); } + p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }