#downloads {
	display: flex;
	flex-direction: column;
}

#downloads>ul {
	margin: 0;
	list-style: square;
}

code {
	background-color: var(--background-dim);
	padding: 1px 4px;
	border-radius: 4px;
}

/*
#ifdef  FLOAT_HELL
#define FLOAT_HELL

this is so i can have the downloads section float to the right on wide screens,
but shove it at the bottom on narrow screens.
*/

#float-hell {
	display: block;
}

#downloads {
	float: right;
	width: 33%;
	margin-left: 0.5rem;
}

@media (max-width: 30rem) {
	#float-hell {
		display: grid;
		grid-template-rows: 1fr;
	}

	#downloads {
		grid-row-start: 100;
		width: 100%;
		margin-left: none;
	}
}

/*#endif //FLOAT_HELL*/