div { display: block; color: #101e24; font-family: "Arial", Helvetica, sans-serif; } #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%; } #currentImage { width: 50%; height: 50%; -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; } #currentImage img { object-position: center top; width: 256; height: 256; min-width: 256; min-height: 256; -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }