h1 {
	font-size: 2.4rem;
	margin: 1rem 0 2rem 0;

	.light {
		font-weight: 300;
	}

	svg {
		display: inline-block;
		margin: 0.2rem 1rem -0.2rem 1rem;
		max-width: 0.6rem;
	}
}


pre {
	background: #23241f; 
	color: $color--white;
	padding: 1rem 1.5rem;
	white-space:pre-wrap; 
	font-family: $font;

	code {
		border-left: 0.2rem solid $color--mint;
	}

	%btn {
		margin: 2px;
	}

	h2, h3 {
		margin: 0 0 -1em 0;
	}
	a {
		color:  $color--mint;
	}
}

.separator {
	display: inline-block;
	width: 100%;
	clear: both;
	border-top: 1px solid rgba($color--seashell, 0.5);
}

.color--seashell {
	color: $color--seashell;
}

.color--mint {
	color: $color--mint;
}

.cursor--pointer {
	cursor: pointer;
}

.nowrap {
	white-space: nowrap;
}


.has-border-red {
	border-color: $color--red !important;
	border-width: 1px !important;
	border-style: solid !important;
}
.has-border-green {
	border-color: $color--green !important;
	border-width: 1px !important;
	border-style: solid !important;
}
.has-border-orange {
	border-color: $color--orange !important;
	border-width: 1px !important;
	border-style: solid !important;
}
.has-border-3 {
	border-width: 3px !important;
}