/* General Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { background: #f0f4f8; color: #333; line-height:1.6; }
a { text-decoration:none; color: #007BFF; transition: color 0.3s; }
a:hover { color:#0056b3; }

/* Header */
header { background: #007BFF; color:#fff; padding:20px 0; text-align:center; }
header h1 { font-size:2.5rem; animation: fadeInDown 1s ease; }
nav { margin-top:10px; }
nav a { margin:0 15px; font-weight:bold; }
nav a:hover { color:#ffd700; }

/* Main Content */
main { padding: 40px 20px; max-width:1000px; margin: auto; }
h2 { color:#007BFF; margin-bottom:15px; }
ul { margin-left:20px; margin-bottom:20px; }
li { margin-bottom:10px; }

/* Footer */
footer { background:#333; color:#fff; text-align:center; padding:15px 0; margin-top:40px; }

/* Buttons */
.button { display:inline-block; background:#007BFF; color:#fff; padding:10px 20px; border-radius:5px; transition: transform 0.3s; }
.button:hover { transform: scale(1.1); background:#0056b3; }

/* Animations */
@keyframes fadeInDown { from { opacity:0; transform: translateY(-20px); } to { opacity:1; transform:translateY(0); } }
.section { background:#fff; padding:30px; margin-bottom:20px; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s; }
.section:hover { transform: translateY(-5px); }