:root {
	--main:#d30;

	font-family: Consolas, monospace;
	text-transform: uppercase;

	color: var(--main);
	background-color: black;
}

body {
	margin:0 auto;
	padding:0 1em;
	max-width: 1000px;
}

header, section {
		border: 1px solid var(--main);
		padding:0 1em;
}

a {
	color: var(--main);
	text-decoration: underline dotted white;
}

a:hover {
	color: white; 
	background-color:var(--main);
}

h1,h2,h3 {
	flex: 1 0 100%;

	padding: 0 1rem;
	margin: 0 -1rem;

	color: black;
	background-color: var(--main);
	/*background-image:
		linear-gradient(135deg, var(--main) 60%, transparent 60%),
		repeating-linear-gradient(135deg, var(--main), var(--main) 5%, #000 5%, #000 10%);*/
}

hr { border: 1px solid var(--main); }

pre { font-size: 1rem; }

.contact_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	margin: 1em 0;
}

address {
	flex:1 0 auto;
	font-style: normal;
	min-width: 20rem;
	
	& p > * {
		padding: 0 1em;
		float: right;
	}
}

.radio-info {
	visibility:hidden;
}

.profile {
	vertical-align: top;
	object-fit: contain;

	max-height: 25rem;
	padding: 0 1em;

	/* filter: hue-rotate(0deg); /*change color of profile image to match main color*/
}

.highlight { color:#FFF; }