/* Custom styles to achieve the hand-drawn aesthetic */
body {
	font-family: 'Comic Neue', cursive;
	background-color: #FDFCF9;
	background-image: url('img/paper.png');
	color: #333333;
	overflow-x: hidden;
}

#editor-wrapper .overlay-instance {
	z-index: 10;
}

.sketch-border {
	border: 3px solid #333333;
	border-radius: 12px;
	box-shadow: 4px 4px 0px #333333;
	transition: all 0.2s ease-in-out;
}

.sketch-border:hover {
	box-shadow: 2px 2px 0px #333333;
	transform: translate(2px, 2px);
}

.sketch-button {
	border: 3px solid #333333;
	border-radius: 12px;
	background-color: #FDFCF9;
	padding: 12px 24px;
	font-weight: 700;
	box-shadow: 4px 4px 0px #333333;
	transition: all 0.2s ease-in-out;
}

.sketch-button:hover {
	box-shadow: 2px 2px 0px #333333;
	transform: translate(2px, 2px);
	background-color: #F5F3EF;
}