Add basic personnel profile pages

sass/_grid.scss

@@ -0,0 +1,13 @@
+.grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 1em;
+}
+
+.grid-2 { grid-template-columns: 1fr 1fr }
+.grid-3 { grid-template-columns: 1fr 1fr 1fr }
+.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
+.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }
+
+.gap-2 { gap: 2em }
+.gap-3 { gap: 3em }

sass/_personnel.scss

@@ -0,0 +1,15 @@
+.personnel {
+	.person {
+		text-align: center;
+
+		img {
+			border-radius: 1em;
+			margin-bottom: 1em;
+			filter: drop-shadow(0 0 10px rgba(0,0,0,0.3));
+		}
+
+		.name {
+			font-weight: bold;
+		}
+	}
+}

sass/style.scss

@@ -1,4 +1,6 @@
 @import "fonts";
+@import "grid";
+@import "personnel";
 
 * {
 	box-sizing: border-box;
@@ -31,7 +33,7 @@ body {
 
 .wrap {
 	width: 100%;
-	max-width: 50em;
+	max-width: 80em;
 	margin-left: auto;
 	margin-right: auto;
 }