/* Krijtbord CSS */

#krijtbord {
  width: 400px;
  height: 600px;
  padding: 10px;
  color: black;
  background: gray;
}

.borderimage #krijtbord {
  color: white;
  border: 30px solid transparent;
  border-image: url('blackboard.png') 37 fill;
  -webkit-border-image: url('blackboard.png') 37;
  -moz-border-image: url('blackboard.png') 37 fill;
  -o-border-image: url('blackboard.png') 37;
}

.no-borderimage #krijtbord {
  border: 30px solid #decaa9;
}

.no-borderimage.backgroundsize #krijtbord {
  background-image: url('black.png');
  background-size: 100% 100%;
}

.boxshadow #krijtbord {
  box-shadow: 5px 5px 5px #888;
}