* {margin:0; padding:0; box-sizing:border-box;}
body {font-family: 'Comic Sans MS', sans-serif; background:#fffdf2; color:#333; line-height:1.6; animation: fadeIn 1.5s;}
header {background: linear-gradient(90deg,#ffeb3b,#4caf50,#2196f3); color:#333; text-align:center; padding:40px 20px; animation: slideIn 1.2s;}
header h1 {font-size:2.5rem; margin-bottom:10px;}
header p {font-size:1.2rem;}
nav {display:flex; justify-content:center; background:#333; flex-wrap:wrap;}
nav a {color:white; padding:15px 20px; text-decoration:none; transition:0.3s;}
nav a:hover {background:#4caf50;}
section {max-width:1000px; margin:50px auto; padding:20px; text-align:center;}
h2 {color:#4caf50; margin-bottom:20px;}
.card {background:white; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,0,0.1); padding:20px; margin:10px; transition:transform 0.3s;}
.card:hover {transform:scale(1.05);}
footer {background:#333; color:white; padding:15px; text-align:center; margin-top:40px;}
@keyframes fadeIn {from{opacity:0;} to{opacity:1;}}
@keyframes slideIn {from{transform:translateY(-50px); opacity:0;} to{transform:translateY(0); opacity:1;}}