:root {
	--assignmentbackgroundcolour: #151514;
	}

.assignments_grid {
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	gap: 1em;
	margin: 1em 0;
}

.assignments_grid div {
	flex: 5;
	padding: 1em;
	background-color: var(--assignmentbackgroundcolour);
	background-image: linear-gradient(-45deg,
		var(--pagecolour) 2em, 
		var(--assignmentbackgroundcolour) 2em 2.2em,
		var(--pagecolour) 2.2em 2.4em,
		var(--assignmentbackgroundcolour) 2.4em
		);
	}

@media (min-width: 800px) {
	.assignments_grid {
		flex-flow: row wrap;
		}
	}