body {
	background-color: var(--mfw-theme-bg);
	/*min-width: 320px;*/
	font-size: 1.3rem;
	line-height: 1.4;
	font-family: Helvetica, Arial, sans-serif;
	color: var(--mfw-theme-font);
}

h1.appTitle {
	background-color: var(--mfw-green);
	border-bottom: 1px #a0bf2c solid;
	/*border-bottom: 1px solid var(--mfw-theme-border);*/
	color: var(--mfw-theme-font);
	font-size: 1.8rem;
	font-weight: normal;
	padding: 10px 15px 10px 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100vw;
	margin-bottom: 0;
}

a:not(.button):not(.button-back) {
	color: var(--mfw-theme-font);
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	transition: opacity 100ms ease-out 0ms;
}

a.button-back {
	float: left;
	margin: 1.4rem auto 0;
	background-color: transparent;
	border-color: var(--mfw-yellow);
}

a.button-back.top {
	margin: 0 auto 1.4rem;
}

a.button-back::before {
	content:'\00AB';
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: -2px;
	transition: transform 200ms ease-out 0ms;
}

@media(hover:hover){
	a:not(.button):not(.button-back):hover {
		opacity:0.8;
	}

	a.button-back:hover {
		background-color: var(--mfw-yellow);
		color: var(--mfw-theme-bg);
	}
	a.button-back:hover::before {
		transform: translateX(-50%);
	}
}