adjust CSS to allow subtext to be smaller

Author: MoralCode

_layouts/default.html

@@ -15,12 +15,11 @@
 			background-color: #f9f9f9;
 		}
 
-		section.mainPage {
+		header, section {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
 			justify-content: center;
-			min-height: 100vh;
 		}
 
 		img.logo {
@@ -35,7 +34,7 @@
 			text-align: center;
 		}
 
-		section.mainPage > p {
+		header > p {
 			font-size: 1.2em;
 			max-width: 600px;
 			text-align: center;

index.html

@@ -2,7 +2,7 @@
 layout: default
 title: Open Rowing Community
 ---
-<section class="mainPage">
+<header>
   <img class="logo" src="/assets/logo.svg" alt="The Open Rowing Community logo depicting a stick figure on a rowing machine in a black line art and simple shapes style. The circle making up the flywheel is only a half circle, attempting to symbolize openness in the open source software sense." />
   <h1 class="siteTitle">{{ page.title }}</h1>
 
@@ -11,6 +11,8 @@ <h1 class="siteTitle">{{ page.title }}</h1>
     We're building open, community-first software for the sport of rowing. 🚣‍♀️
   </p>
   <p></p>
+</header>
+<section class="mainPage">
   <h2>Our Projects</h2>
   <div class="container">
     <div class="row justify-content-around">