.level-item .large-icon {
    font-size: 4rem;
}

.level-item a:hover p {
    color: hsl(0, 0%, 4%) !important;
}

.margin-top {
	margin-top: 32px;
}

body {
	min-height: 100vh;
	background-color: rgb(247, 247, 252);
}

section.section {
	position:relative;
	z-index: 2;
}

.bigchar {
	position: fixed; 
	right:60px; 
	bottom:10px; 
	font-size:500px; 
	line-height: 1; 
	color: #bbb; 
	z-index:1;
}

.image-container {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.char-controls {
	margin: 15px;
}

.char-controls .canvas-container {
	display: inline;
	padding: 5px;
}

.char-controls input[type="range"] {
	-webkit-appearance: slider-vertical;
}

.thumbs-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.thumbs-container .thumb {
	border: 1px solid grey;
	margin: 5px;
	position: relative;
}
.thumbs-container .selected {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(82,159,242,0.3);
}
.thumbs-container .waiting {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(159,159,159,0.7);
}
.thumbs-container .done {
	content: "";
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 40px;
}
.thumbs-container .loading {
	content: "";
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 40px;
}