/* This override is required for the alttask to function correctly */
#altTask {
	/* Have to resort to !important, because Phaser3 forcefully adds this css attribute with wrong value
	https://phaser.discourse.group/t/dom-container-blocks-pointer-events/9261/2 */
	pointer-events: none !important;
}

/* If you AltTask need custom css, you can add it below */
#zvt-container {
    max-width: 75%;
    margin: auto;
	margin-top: 2em;
}

#text {
	color: #f8b170;
	font-size: 18pt;
}

#matrix {
	margin-top: 1em;
	display: grid;
    column-gap: 10px;
    row-gap: 10px;
	width: fit-content;
}

.number-btn {
	height: 42px;
	width: 34px;
	box-sizing: content-box;
	border-color: #f8b170;
	color: #f8b170;
}

#continue {
	margin-top: 1em;
}

#skip-container {
	position:absolute;
	left: 780px;
	top: 604px;
	width: 150px;
}

#skip {
	display: none;
}

.hidden {
	color: grey;
}

.done {
	border-color: grey;
	color: grey;
}