main.css

body,
html {
    margin: 0px;
}

.download-image, .image-name, .image-picker {
		margin: 10px 0;
}

canvas {
		background: rgba(128, 128, 128, 0.3);
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}

.render-canvas {
		image-rendering: pixelated;
		padding: 0px;
		margin: 0px;
		display: block;
}

main {
		display: block;
}

footer {
		display: block;
}

.general-controls {
		padding: 10px;
}

.spacer-for-controls {
		height: 100px;
		width: 100px;
		display: block;
}

.tool-controls {
		text-align: center;
		padding: 0 10px 0 10px;
		display: inline-block;
		margin: auto;
		min-height: 100px;
}

.tool-controls-container {
		display: flex;
		border: solid;
		border-width: 2px 0 2px 0;
		min-height: 100px;
		width: 100%;
}

.tool-controls label {
}

.canvas-scrollable{
		overflow-x: scroll;
		overflow-y: scroll;
		width: 100%;
		max-height: 100%;
		padding: 0px;
		margin: 0px;
}

.horizontal-spacer {
		flex: 1 1 auto;
}

.canvas-parent {
		display: flex;
		width: 100%;
		max-height: 100%;
		padding: 0px;
		margin: 0px;
}

.full-screen-sans-controls {
		width: 100%;
		height: calc(100vh - 100px);
		padding: 0px;
		margin: 0px;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  not supported by any browser */
}