* {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
:root {
	--danger: firebrick;
	--success: seagreen;
}

body, dialog {
	background-color: black;
	color: white;
}
main {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: gray;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem 2rem;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
button {
	appearance: none;
	padding: 0.5rem;
	border: none;
	border-radius: 0.25rem;
	font-weight: bold;
	line-height: 0.75;
	cursor: pointer;
	color: white;
	background-color: dimgray;
}


#open-app-dialog {
	font-size: 2rem;
	float: right;
	padding: 0.25rem 0.5rem;
}
#close-app-dialog {
	float: right;
	background-color: var(--danger);
	color: white;
}

#stop-information-list {
	list-style: none;
	margin: 0;
	padding: 0;
}