body {
	overflow: hidden;
	background-color: darkturquoise;
}

::selection {
	/* Text selection color (May not work outside Firefox) */
	background: #FFF101;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#input-text-area {
	/* Position */
	position: absolute;
	width: 100%;
	height: 92vh;
	left: 0%;
	top: 8vh;
	margin: 0;
	padding: 0;

	/* No visible border/background */
	border: none;
	resize: none;
	outline: none;
	background: transparent;

	/* Text styling */
	text-align: center;
	font-size: 4vw;
	font-family: 'Slackey', cursive;
	color: #FFF101;
	text-shadow: 4px 4px #6c2601;
	/* Dark-olive shadow variants: */
	/* text-shadow: 4px 4px rgb(168, 172, 6); */
	/* text-shadow: 4px 4px rgb(107, 120, 51); */
	/* text-shadow: 4px 4px rgb(143, 159, 73); */
}
#input-text-area::selection {
	/* Selected text's color */
	color: #6c2601;
	text-shadow: 4px 4px rgb(107, 120, 51);
}
#input-text-area::placeholder {
	opacity: 100%;
}

#background-image {
	/* Position */
	position: fixed;
	width: 100%;
	height: 100%;
	max-width: 562px;
	max-height: 547px;
	padding: 0;
	margin: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -10000;

	/* Image */
	background: url('img.png') no-repeat center center;
	background-size: contain;
	transition: 100ms ease-out;
}

#buttons-span {
	/* Position */
	position: fixed;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
	margin: 0;

	/* Text styling */
	text-align: center;
	font-size: 5vh;
}

#clipboard-copy {
	cursor: copy;
}