| body { | |
| font-family: Arial, sans-serif; | |
| margin: 20px; | |
| } | |
| h1 { | |
| text-align: center; | |
| } | |
| /* Drop Area Styles */ | |
| #drop-area { | |
| border: 2px dashed #ccc; | |
| padding: 20px; | |
| text-align: center; | |
| cursor: pointer; | |
| margin-bottom: 20px; | |
| } | |
| #drop-area.highlight { | |
| border-color: green; | |
| } | |
| /* Map Styles */ | |
| #map { | |
| height: 500px; | |
| width: 100%; | |
| } | |