@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');

body{
 
  background-color: #fef6e4;
	background-image: linear-gradient(
			0deg,
			transparent 79px,
			#abced4 79px,
			#abced4 81px,
			transparent 81px
		),
		linear-gradient(#eee 0.1em, transparent 0.1em);
    background-size: 100% 1.2em;
}

canvas {
 
  border-radius: 10px;
  border: 2px solid #000;
  box-sizing: border-box;
  background: url("https://janschreiber.github.io/img2/black-chalk.jpg") center/cover no-repeat;
  
}


.controls {
 
  transition: all .5s ease;
  box-sizing: border-box;
  font-size: 1rem;


}
.controls h3 {
  
  font-size: 1.2rem;
  
}

.lightBorder {
  border: 1.5px solid #000;
  margin: 1rem auto;
  padding: 0.5rem;
  border-radius: 10px;
  background: #fffffe;
  box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);
}


#mydiv {
	position: absolute;
}

#draggable-text {
	cursor: grab;
  font-size: 1.5rem;
  color: #fef6e4;
 
}