source ⟩ hypertext ⟩ public ⟩ shrines ⟩ hermes ⟩ shrine.css

:root {
	--background: #fb8c;
	--text: #310;
	--accent: #521;
	--accent-translucent: #7438;
}

body {
	background-image: url("/shrines/hermes/coins.png");
}

#main-image {
	display: grid;
	grid-template-columns: 1fr 8fr 1fr;
	align-items: center;
}

div.caduceus {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	color: var(--accent);

	margin: auto;

	font-size: 3em;
	text-align: center;
}

#main-image img {
	width: 100%;
}

.caduceus-inner {
	margin: 0 0.2em;
}

.caduceus-outer {
	background: linear-gradient(to top, transparent 48%, var(--accent) 48% 52%, transparent 52%);
}