body {
	background-color: black;
	color: white;
	font-family: sans-serif;
	padding: 1em;
	overflow-wrap: break-word;
	max-width: 30em;
	margin: auto;
}

span#version_no::before {
	content: "Version: ";
}


button {
	background-color: black;
	border: 1px solid;
	border-color: white;
	color: white;
	margin-left: 1em;
	margin-right: 1em;
}

img {
	height: 1em;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 2px;
	margin-right: 1em;
	float: right;
}

.button-gray {
	opacity: 0.5;
}

a {
	color: #79f;
}

/* Modal dialogs */
.hidden {
	display: none;
}

.dialog {
	border: 1px solid;
	border-color: white;
	padding: 1em;
	width: 20em;
	
	background-color: black;
	/* Center, float */
	position: fixed;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

/* GIndent subgoals */
.subgoal {
	margin-left: 3em;
}

/* Goal status */
.goal-missing {
	color: white;
	font-weight: bold;
}

/* Don't bold the (never) and such */
span  {
	font-weight: normal;
}

.subgoal-missing {
	padding: 2px;
	color: white;
	margin-left: 1em;
}


#complete_goals {
	color: gray;
}

.goal-complete {
	color: gray;
	font-weight: bold;
}

.subgoal-complete {
	padding: 2px;
	color: gray;
	margin-left: 1em;
}

.history_date {
	margin-top: 1em;
	font-weight: bold;
}

.history_missing {
	color: yellow;
	margin-left: 1em;
}

.history_done {
	margin-left: 1em;
}

.history_missing_header {
	color: yellow;
}

.notepad {
	width: 100%;
	height: 40em;
}