* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: #222; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.color { background: #fff; padding: 30px; border-radius: 20px; width: 350px; text-align: center; }
.color h1 { color: #333; margin-bottom: 20px; }
#box { width: 200px; height: 150px; margin: 0 auto 20px; border-radius: 15px; }
#code { font-size: 24px; font-family: monospace; margin-bottom: 20px; }
.color button { padding: 12px 25px; margin: 5px; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; }
.color button:first-of-type { background: #4caf50; color: #fff; }
.color button:last-of-type { background: #2196f3; color: #fff; }