:root {
  --accent_color: #0096EA;
  --callout_color: 255, 0, 0;
}

* {
  margin: 0;
  padding: 0;
}

h1 {
	font-weight: 700;
	font-family: 'Source Code Pro', monospace;
	font-size: 1.5em;
}

h2 {
	font-weight: 600;
	font-family: 'Source Code Pro', monospace;
	margin-top: 30px;
	margin-bottom: 10px;
}

p {
	font-family: 'Crimson Text', sans-serif;
	font-size: 17px;
	line-height: 120%;
}

.highlighted {
	background-color: var(--accent_color) 
}

#footer {
	font-size: 0.75em;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

a {
	color: black;
	text-decoration: none;
}

/* link formatting */
.ext_link {
	border-bottom: 1px solid var(--accent_color);

	background-image: linear-gradient(to right, transparent 50%, var(--accent_color) 50%);
	background-size: 210%; 
}

.ext_link:hover {
	background-position: -95%;
	transition: background-position .5s;
}



/* cube formatting */

#cube {
	stroke: var(--accent_color);
	vertical-align: baseline;
	margin-right: 20px;
	cursor: pointer;
}