| body { | |
| background-color: #f5f7fa; | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| color: #333; | |
| margin: 0; | |
| padding: 0; | |
| text-align: center; | |
| } | |
| h1 { | |
| color: #4a90e2; | |
| margin-top: 30px; | |
| font-size: 2.5em; | |
| } | |
| .container { | |
| margin: 50px auto; | |
| width: 50%; | |
| padding: 20px; | |
| border-radius: 12px; | |
| background-color: white; | |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); | |
| } | |
| input[type="text"], textarea { | |
| width: 90%; | |
| padding: 12px; | |
| margin-top: 15px; | |
| margin-bottom: 20px; | |
| border: 1px solid #ccc; | |
| border-radius: 8px; | |
| font-size: 1em; | |
| } | |
| button { | |
| background-color: #4a90e2; | |
| color: white; | |
| border: none; | |
| padding: 10px 24px; | |
| font-size: 1em; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| } | |
| button:hover { | |
| } | |
| .result { | |
| font-size: | |