:root
{
	--offwhite: #e2ddd0;
	--ink: #331c20;
	--brand-red: #cc3524;
}

html
{
	margin: 0;
	padding: 0;
	background: url('webface.svg') center center fixed;
	background-repeat: no-repeat;
	background-color: rgba(226, 221, 208, 100);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

body
{
	margin: 0;
	padding: 0;
	font-family: monospace;
	font-size: large;
}

a
{
	color: var(--brand-red);
	text-decoration: overline;
	text-decoration-style: dashed;
}

a[href^="mailto:"]
{
	color: var(--brand-red);
	background-color: var(--offwhite);
	text-decoration-line: underline;
	text-decoration-style: double;
}

.stripe
{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25vw;
	height: 100vh;
	background-color: rgba(226, 221, 208, 100);
	overflow: hidden;
}

.logo-wrap
{
	margin-top: 61.8vh;
	transform: translateY(-50%);
}