:root {
    --color-accent-green: #49ce2d;
    --color-completion-bg: #0d1f0a;
    --color-install-box-border: #444444;
    --color-link: lightblue;
}

#instructions {text-align: left;}

#instructions a {color: var(--color-link);}

#instructions li {padding: 0.25em 0;}

#instructions .description-box {
	border-color: var(--color-install-box-border);
	padding: 1em 5.3125em 0.3125em 1.875em;
}

#instructions .description-box h2 {color: var(--color-accent-gold); font-size: 1.5em; margin-bottom: revert;}

#instructions .description-box h2 .fa {margin-right: 0.625em;}

#instructions .description-box h3 {color: var(--color-accent-blue); margin-top: 1.25em;}

#instructions .completion-box.description-box {
	border-color: var(--color-accent-green);
	background: var(--color-completion-bg);
	text-align: center;
	padding-top: 0.9375em;
	padding-bottom: 0.9375em;
	margin-bottom: 4em;
}

.completion-box p {font-size: 1.125em; margin: 0.5em 0;}

.completion-box .fa {color: var(--color-accent-green); margin-right: 0.5em;}

.note {color: var(--color-accent-green); font-weight: bold;}

.note .fa {margin-right: 0.375em;}

#back-btn-container {margin-left: 0; margin-right: 0;}

@media (prefers-reduced-motion: reduce) {
	#instructions .description-box { transition: none; }
}

@media screen and (max-width: 992px) {
	#instructions .description-box {
		padding-right: 2.5em;
	}
}