:root {
	--background-color: #fff7f7;
	--header-color: #d46a64;
	--header-stroke-color: #550000;
	--text-color: #000000;
	--collapsible-background-color: #AA3939;
	--collapsible-active-background-color: #D46A6A;
	--collapsible-color: #FFAAAA;
	--collapsible-active-color: #550000;
	--explanation-background-color: #FFAAAA;
}

body {
	background-color: var(--background-color);
	color: var(--text-color);
}

h1 {
	color: var(--header-color);
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--header-stroke-color);
	font-size: 80px;
	font-family: 'Helvetica';
	margin-bottom: 20px;
	text-align: center;
}

.timeInput {
	display: inline-block;
	min-width: 120px;
	padding-right: 10px;
}

.timeInput label {
	padding-right: 5px;
}

.planet {
	margin-left: 20px;
}

.moon {
	margin-left: 40px;
}

.orbitalParameter {
	margin-top: 4px;
}

.orbitalParameter label {
	display: inline-block;
	width: 250px;
}

.orbitalParameter input[type=number] {
	width: 150px;
}

.orbitalParameter h5 {
	margin: 0px;
	padding: 0px;
}

#calculationChoice label {
	margin-right: 30px;
}

.flexContainer {
	display: flex;
	flex-direction: row;
}

.flexContainer div {
	margin-right: 50px;
}