KOKINIO - MANAGER
Edit File: style.css
body { background-color: #4A9B8A; color: #4E3B31; font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; margin: 0; } .scratch-heading { font-size: 2.5em; color: #F68B2D; text-shadow: 2px 2px #8B2C3E; margin: 20px 0; font-weight: bold; text-align: center; } #scratch-area { position: relative; width: 100%; max-width: 500px; height: 300px; background-color: #E5D6C9; border-radius: 12px; overflow: hidden; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15); padding: 10px; } #scratchCanvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; background-color: transparent; border-radius: 12px; } #finalMessage { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; padding: 20px; z-index: 0; color: #4E3B31; } #finalMessage h2 { color: #8B2C3E; font-size: 1.8em; font-weight: bold; margin-bottom: 12px; } #finalMessage p { color: #A78B7A; font-size: 1.1em; line-height: 1.4; max-width: 85%; }