change header

src/App.jsx

@@ -79,7 +79,7 @@ function App() {
 			<div className="header print-display-none">
 				FancyScribe
 				<div className="subheader">
-					A fancy way to view your Warhammer 40k BattleScribe rosters.
+					A fancy way to view your Warhammer 40k BattleScribe rosters
 				</div>
 			</div>
 

src/index.css

@@ -75,7 +75,8 @@ button:focus-visible {
 
 .header {
 	display: flex;
-	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
 	padding: 8px 16px;
 	background-color: #536766;
 	width: 100%;