adding custom fonts, adjusting text-styling

includes/header.php

@@ -1,5 +1,5 @@
 <header>
 	<span>
-		emma's place - a celebration of self-expression through the personal web
+		<span class="logo">emma's place</span> - <span class="motto">a celebration of self-expression through the personal web</span>
 	</span>
 </header>

style/style.css

@@ -1,3 +1,13 @@
+@font-face {
+	font-family: lato-regular;
+	src: url("../site-resources/fonts/lato-regular.woff2");
+}
+
+@font-face {
+	font-family: pacifico;
+	src: url("../site-resources/fonts/pacifico.woff2");
+}
+
 :root {
 	--background-color: #e0ffcd;
 	--body-background-color: #ffebbb;
@@ -33,6 +43,7 @@ main, nav {
 	padding-top: 1rem;
 	padding-bottom: 0.5rem;
 	font-family: system-ui;
+	letter-spacing: 0.05rem;
 }
 
 
@@ -54,7 +65,6 @@ header {
 	grid-column: 1/3;
 	height: 5vh;
 	width: 72vw;
-	padding-top: 0.4rem;
 	border-top-left-radius: 15px;
 	border-top-right-radius: 15px;
 	border-bottom: 10px solid;
@@ -74,6 +84,7 @@ footer {
 	border-bottom-left-radius: 15px;
 	border-bottom-right-radius: 15px;
 	font-family: system-ui;
+	letter-spacing: 0.05rem;
 }
 
 header, footer {
@@ -82,7 +93,6 @@ header, footer {
 }
 
 header span, footer span {
-	height: 0;
 	font-size: 1.3rem;
 }
 
@@ -142,6 +152,17 @@ main section ul li {
 	padding-bottom: 0.25rem;
 }
 
+.logo {
+	font-family: pacifico;
+	font-size: 1.35rem;
+	letter-spacing: .1rem;
+}
+
+.motto {
+	font-family: lato-regular;
+	letter-spacing: .05rem;
+}
+
 .status {
 	height: 120px;
 	margin-top: 0.5rem;