Spaces:
Configuration error
Configuration error
| .container { | |
| width: 100vw; | |
| height: 100vh; | |
| padding: 40px 20px; | |
| box-sizing: border-box; | |
| font-family: Arial, sans-serif; | |
| color: #e5e5e5; | |
| background-color: #202123; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: flex-start; | |
| overflow: auto; | |
| } | |
| .content { | |
| max-width: 700px; | |
| width: 100%; | |
| } | |
| .heading { | |
| margin-bottom: 10px; | |
| text-align: center; | |
| } | |
| .description { | |
| margin-bottom: 20px; | |
| line-height: 1.5; | |
| color: #ccc; | |
| text-align: center; | |
| } | |
| .textarea { | |
| width: 100%; | |
| padding: 12px; | |
| border-radius: 6px; | |
| border: 1.5px solid #565867; | |
| background-color: #40414f; | |
| color: #e5e5e5; | |
| font-size: 16px; | |
| margin-bottom: 20px; | |
| resize: vertical; | |
| font-family: inherit; | |
| } | |
| .button { | |
| background-color: #5671f5; | |
| border: none; | |
| border-radius: 6px; | |
| padding: 14px 0; | |
| width: 100%; | |
| color: white; | |
| font-weight: 700; | |
| font-size: 16px; | |
| cursor: pointer; | |
| margin-bottom: 20px; | |
| transition: background-color 0.3s ease; | |
| } | |
| .button:hover { | |
| background-color: #3753d4; | |
| } | |
| .output { | |
| background-color: #343541; | |
| border-radius: 6px; | |
| padding: 18px; | |
| height: 250px; | |
| overflow-y: auto; | |
| white-space: pre-wrap; | |
| color: #e5e5e5; | |
| border: 1.5px solid #565867; | |
| box-shadow: inset 0 0 8px #1c1c1f; | |
| font-family: 'Courier New', Courier, monospace; | |
| font-size: 15px; | |
| } | |