Spaces:
Build error
Build error
| body { | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| font-family: Arial, sans-serif; | |
| background: linear-gradient(to bottom, #FF66A3, #007BFF); | |
| background-repeat: no-repeat; | |
| background-attachment: fixed; | |
| background-size: cover; | |
| background-position: center; | |
| color: #333; | |
| height: 100vh; | |
| } | |
| header { | |
| color: #fff; | |
| text-align: center; | |
| padding: 0px 0; | |
| } | |
| #button-container { | |
| text-align: center; | |
| } | |
| #button-container, #drawingCanvas{ | |
| flex-direction: column; | |
| margin: 5px; | |
| } | |
| #sendDrawing, #clearCanvas { | |
| display: inline-block; | |
| margin: 10px; | |
| padding: 10px 20px; | |
| background-color: #1265e0; | |
| color: #fff; | |
| border: none; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| transition: background-color 0.3s; | |
| } | |
| #sendDrawing:hover, #clearCanvas:hover { | |
| background-color: #023d7c; | |
| } | |
| #textbox-container { | |
| text-align: center; | |
| margin-top: 20px; | |
| } | |
| #bigChar { | |
| font-size: 40px; | |
| margin-bottom: 10px; | |
| } | |
| #number { | |
| font-size: 24px; | |
| } | |
| #tip { | |
| font-size: 24px; | |
| } | |
| .grid-container { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .container { | |
| display: flex; | |
| justify-content: center; | |
| margin-top: 100px; | |
| } | |
| #grid-container, #textbox-container{ | |
| margin-left: 150px; | |
| margin-right: 150px; | |
| } | |
| .numero-container { | |
| width: 280px; | |
| height: 280px; | |
| background-color: #fff; | |
| color: #000; | |
| text-align: center; | |
| line-height: 100px; | |
| } |