:root {
    --thegreen:#7ABF24;
    --thehovergreen:#79bf24ab;
    --thewhite:#ffffff;
	--theviolet:#BB5E96;
	--semitransparent:#ffffffef;
	--milkglass:#ffffff6b;
}

@font-face {
    font-family: 'comic';
	src:url('comic.ttf');
}

* {
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:none;
}


html, body {
	background-color: var(--thewhite);
	color: var(--thewhite);
	font-family: sans-serif;
	font-size: 3.5vh;
	line-height: 5.5vh;
	text-align: center;
	word-break: normal;
	overflow-wrap: anywhere;
	scroll-behavior: smooth;
}

.wrapper > * {
	display: flex;
	flex-direction: column; /*content is stacked vertically*/
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 2vh;
	padding-bottom: 2vh;
	image-resolution: 50dpi; /*part of CSS3 and not yet implemented in Chrome and Firefox - 12.08.2020*/
}

.wrapper .writing {
	white-space: nowrap;
}

	.wrapper .writing #EBB {
		color: var(--theviolet);
		font-family: 'comic';
	}

	.wrapper .writing #PZRR {
		color: grey;
	}

hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
}

a:link {
	text-decoration: none;
	color: inherit;
}