body {
	background-color: darkgrey;
	margin: 5px;
}

hr {
	border: none;
	border-top: 3px dashed dimgrey;
	color: dimgray;
	overflow: visible;
	text-align: center;
	height: 1px;
}

hr:after {
	background: darkgrey;
	content: '⚔︎';
	padding: 0 4px;
	position: relative;
	top: -8px;
}

/* -- -- -- -- -- -- Wednesday, June 28th 2023 -- -- -- -- -- -- */

.recipeCard {
	white-space: pre;
	font-family: Courier, 'Courier New', monospace;
	font-size: 8px;
}

.usefulContainer {
padding-left: 20px;
width: fit-content;
position:absolute;
}

.theFourthUsefulThing {
	white-space: pre;
	font-family: 'Courier New', Courier, monospace;
	font-size: 9px;
	font-weight: bold;
	color: red;
	background-color: floralwhite;
	width: fit-content;
}

.ARCHIMEDEANPOINT {
	animation: useful;
	animation-duration: 3s;
  animation-direction: alternate;
	animation-timing-function: steps(120, start);
	animation-iteration-count: infinite;
	animation-delay: 0s;
	white-space: pre;
	font-family: 'Courier New', Courier, monospace;
	font-size: 41px;
	line-height: 18px;
	letter-spacing: -7px;
	width: fit-content;
}

.ArchimedeanPoint {
	color: lemonchiffon;
	text-shadow: 0 0 3px tomato;
}

.aRchimedeanpOint {
	color: cadetblue;
	text-shadow: 1px 0 0 midnightblue;
}

.arChimedeanpoInt {
	color: #262335;
	text-shadow: 0 0 3px black;
}

.arcHimedeanpoiNt {
	color: orangered;
	text-shadow: 0 1px 0 darkred;
}

.archimedeanpoint {
white-space: pre;
font-family: 'Courier New', Courier, monospace;
font-size: 30px;
position: absolute;
top: 93px;
left: 172px;
}

.archImedeanpoinT {
	color: black;
	transform: rotate(90deg);
	position: absolute;
	top: -17px;
	left: -36px;
}

.ArchiMedeanpoint {
	color: black;
	transform: rotate(90deg);
	position: absolute;
	top: -17px;
	left: 36px;
}

.aRchimEdeanpoint {
	color: teal;
	font-size: 110px;
	letter-spacing: -30px;
	position: absolute;
	top: 8px;
	left: -111px;
}

.arChimeDeanpoint {
	color: red;
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 0;
}

.arcHimedEanpoint {
	color: red;
	font-size: 50px;
	transform: rotate(90deg);
	position: absolute;
	top: 37px;
	left: -1px;
}

.archImedeAnpoint {
	color: black;
	font-family: 'Courier New', Courier, monospace;
	font-size: 26px;
	line-height: 16px;
	letter-spacing: -3px;
	position: absolute;
	top: -96px;
	left: -135px;
}

@keyframes useful {
	from {
		transform: rotate(5deg);
	;
	}
	to {
		transform: rotate(-10deg);
	}
}

@keyframes things {
	from {
		background-position: left 550px bottom 1085px;
	;
	}
	to {
		background-position: left 550px bottom 0;
	}
}