Spaces:
Sleeping
Sleeping
| body { | |
| font-family: Arial, sans-serif; | |
| background: #0f172a; | |
| color: white; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 100vh; | |
| } | |
| .container { | |
| background: #020617; | |
| padding: 30px; | |
| border-radius: 12px; | |
| width: 400px; | |
| text-align: center; | |
| box-shadow: 0 0 20px rgba(0,0,0,0.5); | |
| } | |
| h1 { | |
| margin-bottom: 10px; | |
| } | |
| input[type="file"] { | |
| margin: 15px 0; | |
| } | |
| button { | |
| background: #22c55e; | |
| border: none; | |
| padding: 10px 20px; | |
| color: black; | |
| font-weight: bold; | |
| cursor: pointer; | |
| border-radius: 6px; | |
| } | |
| button:hover { | |
| background: #16a34a; | |
| } | |
| .preview img { | |
| margin-top: 15px; | |
| max-width: 100%; | |
| border-radius: 6px; | |
| background: white; | |
| } | |
| .result { | |
| margin-top: 20px; | |
| } | |
| #resultText { | |
| font-size: 28px; | |
| font-weight: bold; | |
| color: #38bdf8; | |
| } | |