@font-face {
  font-family: 'Nord Medium';
  src: url("/assets/NordMedium.ttf") format("truetype");
}

$font-stack: Nord Medium;
$color-cream: #FDF3E7;
$color-fire: #C63D0F;
$color-charcoal: #3B3738;
$color-olive: #7E8F7C;

.main {
	@include outer-container;
	background-color: $color-cream;
}

#main-nav {
	background-color: $color-fire;
	@include row(table);
	padding: 10px;
}

#name-text {
	font: 300% $font-stack;
	color: $color-cream;
	letter-spacing: 3px;
	text-align: center;
}

#title-text {
	font: 200% $font-stack;
	font-color: $color-cream;
	text-align: center;
}

#nav-text {
	font: 100% $font-stack;
	font-color: $color-cream;
	text-align: center;
}

@font-face {
  font-family: 'Nord Medium';
  src: url("/assets/NordMedium.ttf") format("truetype");
}

$font-stack: Nord Medium;
$color-cream: #FDF3E7;
$color-fire: #C63D0F;
$color-charcoal: #3B3738;
$color-olive: #7E8F7C;

.main {
	@include outer-container;
	background-color: $color-cream;
}

#main-nav {
	background-color: $color-fire;
	@include row(table);
	padding: 10px;
}

#name-text {
	font: 600% $font-stack;
	color: $color-charcoal;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

#title-text {
	font: 300% $font-stack;
	color: $color-charcoal;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 0px;
}

#nav-text {
	font: 100% $font-stack;
	text-align: center;
	color: $color-cream;
	letter-spacing: 1px;
}

Adjust css spacing and margin for nav
Adjust css spacing and margin for nav
