:root {
    --color-install-box-border: #444444;
    --color-link: lightblue;
}

#content {text-align: left; margin-bottom: 4em;}

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

#content li {padding: 0.25em 0;}

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

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

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

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

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

.description-box ul.link-list {
    padding-left: 1em;
}

.description-box ul.link-list > li::before {
    content: '-';
    color: #fff;
}

.key-desc {display: block; padding-left: 3em;}

.url-list {
    padding-left: 1.25em;
    margin: 0.25em 0 0;
}

.description-box ul.url-list > li::before {
    color: #ffa976;
}

.url-example {
    display: inline;
    font-family: monospace;
    font-size: 0.9em;
    word-break: break-all;
    padding: 0.3em 0 0.15em 0.3em;
    color: #c8c8c8;
}

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

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