div { display: block; color: #101e24; font-family: "Arial", Helvetica, sans-serif; } .numberinput { width: 64px; } #instructions { font-size: 12px; margin: auto; width: 50%; border: 2px solid #6b7578; padding: 1px; text-align: center; } .instruction { display: block; color: #101e24; font-family: "Arial", Helvetica, sans-serif; } .warning { display: block; color: #520012; font-family: "Arial", Helvetica, sans-serif; } body { background-color: #818485; } #dropZone { width: 100%; height: 100%; } #canvasImage { border: 2px solid #6b7578; image-rendering: pixelated; } .pinContainer { display: flex; flex-direction: row; } .pinButtonContainer { flex: 1; font-size: 12px; border: 2px solid #6b7578; padding: 1px; } .pinButtonContainerSelected { flex: 1; font-size: 12px; border: 2px solid #0865df; padding: 1px; background-color: rgb(35, 75, 185); } .removeButton { background-color: rgb(158, 15, 34); color: rgb(227, 227, 236); }