#canvas {
  border: solid;
  border-width: 2px;
  border-image: black;
  background-color: red;
  background-image: linear-gradient(45deg, #93b984 30%, #ff2c2c);
}
#canvas1 {
	border: solid;
	border-width: 2px;
  	border-top-width:0;
}

#canvas2 {
	border: solid;
	border-width: 2px;
   	border-right-width:0;
}

#canvasempty {
	
	border-width: 0;

}

.noselect { /*wird benötigt weil bei Edge oder chrome bei doppelklick die autoselection los geht :-/ CSS - Disabling double-click auto selection in chrome*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}