body{
			display: flex;
			justify-content: center;
			align-content: center;
			align-items: center;
			text-align: center;
			flex-direction: column;
			background: #555555;
			user-select: none;
    		-webkit-user-select: none;
		}
		div[id=canvas_div]{
			margin-left: -1280px;
			position: relative;
			margin-top: 0.390625%;
			display: inline-block;

		}
		canvas{
			position: absolute;
			height: 720px;
			width: 1280px;
			border-style: solid;
		}
		.upload{
			display: inline-block;
			font-size: 13.3333px;
			background: #e2e2e2;
			border-style: solid;
			border-width: 1.5px;
			border-color: darkgray;
			border-radius: 7.5px;
			user-select: none;
    		-webkit-user-select: none;
    		font-family: Tahoma;
    		min-height: 20px;
    		line-height: 20px;
    		font-weight: normal;
		}
		.upload:hover{
			border-color: #0063bb;
			background: #dce6ec;
		}
		.upload:focus{
			border-color: #0063bb;
			background: #dce6ec;
		}
		.upload:active{
			border-color: #0063bb;
			background: #cbe5f0;

		}
		button{
			display: inline-block;
			font-size: 13.3333px;
			background: #e2e2e2;
			border-style: solid;
			border-width: 1.5px;
			border-color: darkgray;
			border-radius: 7.5px;
			user-select: none;
    		-webkit-user-select: none;
    		font-family: Tahoma;
    		min-height: 20px;
    		line-height: 20px;
    		font-weight: normal;
		}
		button:hover{
			border-color: #0063bb;
			background: #dce6ec;
		}
		button:focus{
			border-color: #0063bb;
			background: #dce6ec;
		}
		button:active{
			border-color: #0063bb;
			background: #cbe5f0;

		}
		input[type=color]{
			width: 95.5px;
		}
		th{
			min-width: 225px;
		}
		short{
			display: inline-block;
			font-size: 13.3333px;
			background: #e2e2e2;
			border-style: solid;
			border-width: 1.5px;
			border-color: darkgray;
			border-radius: 7.5px;
			user-select: none;
    		-webkit-user-select: none;
    		font-family: Tahoma;
    		min-height: 20px;
    		line-height: 22.5px;
    		font-weight: bold;
		}
		short:hover{
			border-color: #0063bb;
			background: #dce6ec;
		}
		short:focus{
			border-color: #0063bb;
			background: #dce6ec;
		}
		short:active{
			border-color: #0063bb;
			background: #cbe5f0;
		}
		keys{
			display: inline-block;
			font-size: 13.3333px;
			background: #e2e2e2;
			border-style: solid;
			border-width: 1.5px;
			border-radius: 7.5px;
			border-color: darkgray;
			user-select: none;
    		-webkit-user-select: none;
    		font-family: Tahoma;
    		min-height: 20px;
    		line-height: 22.5px;
    		font-weight: bold;
		}
		keys[active="true"]{
			border-color: #0063bb;
			background: #cbe5f0;
		}
		showColor{
			display: inline-block;
			width: 90px;
			height: 17.5px;
			font-family: Tahoma;
			font-size: 13.5px;
			border-style: solid;
			border-width: 0.5px;
			border-color: darkgray;
			line-height: 17.5px;
			user-select: none;
    		-webkit-user-select: none; 
    		background: #000000;
    		border-radius: 7.5px;
		}
		input[type="color"]{
			display: none;
		}