Update index.html

This commit is contained in:
Deva Midhun 2025-01-10 12:34:19 +05:30 committed by GitHub
parent 6f5b8b615a
commit fa92b0b486
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 6 deletions

View File

@ -3,13 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minimalist Plain CSS Page</title> <title>Minimalist Enhanced CSS Page</title>
<style> <style>
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f7f7f7; background-color: #f0f4f8;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
@ -25,23 +25,24 @@
max-width: 28rem; max-width: 28rem;
width: 100%; width: 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 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; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
} }
.card:hover { .card:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
transform: translateY(-5px) scale(1.02);
} }
h1 { h1 {
font-size: 1.875rem; font-size: 1.875rem;
font-weight: 300; font-weight: 300;
color: #1e3a8a; color: #2c5282;
margin-bottom: 1rem; margin-bottom: 1rem;
text-align: center; text-align: center;
} }
p { p {
color: #4b5563; color: #4a5568;
line-height: 1.625; line-height: 1.625;
margin: 0; margin: 0;
} }