body {
	padding: 10px;
	font-family: 'MS PGothic', sans-serif;
	color: var(--text);

	/* page background pattern */
	background-color: var(--gradientTop);
	background-image: url("walk to therapy view pixelised.png");
	background-size: 1920px 1080px;
	background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
	
}

/* these control the column widths */
.small { flex: 1 1 9%; }
.large { flex: 1 1 82%; }
.full { flex: 1 1 100%; }
.half { flex: 1 1 49%; }

.container {
	width: 200px;
	height: 780px;
	border: 20px solid;
	border-image: url("wood-texture.jpg");
	border-image-slice: 30%;
	display: block;
	padding: 5px;
	gap: 5px;
	box-shadow: 13px 17px 10px rgb(00, 00, 00, 0.6) inset, 15px 20px 12px rgb(00, 00, 00, 0.6);
	position: relative;
	left: 20px;
	top: 20px;

	/* container background pattern */
	opacity: 1;
	background-size: 1000px 880px;
	background-image: url("corkboard-texture.jpg");
	background-position: center;

}