finish profile directory (mostly)

1 files changed, 69 insertions, 0 deletions

diff --git a/src/public/css/people.css b/src/public/css/people.css
new file mode 100644
index 0000000..be1e507
--- /dev/null
+++ b/src/public/css/people.css
@@ -0,0 +1,69 @@
+
+.title {
+	margin-top: 2rem;
+	margin-left: 3rem;
+	font-size: 3rem;
+	margin-bottom: 0;
+}
+
+.desc {
+	margin-left: 3rem;
+}
+
+#people-container {
+	margin-left: auto;
+	margin-right: auto;
+	padding: 1rem 2rem;
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr;
+	grid-row-gap: 2rem;
+	grid-auto-rows: 1fr;
+	flex-direction: column;
+	align-items: center;
+	max-width: 90rem;
+}
+
+.profile {
+	margin: 1rem;
+	text-decoration: none;
+	height: 100%;
+}
+
+.profile:hover {
+	outline: 1px solid var(--blue);
+}
+
+.profile strong {
+	font-size: 2rem;
+}
+
+.profile .pfp, .profile .pfp img {
+	padding: none;
+	margin: none;
+	height: 6rem;
+	border-radius: .3rem;
+}
+
+@media(max-width: 1400px) {
+	#people-container {
+		max-width: 90rem;
+		grid-template-columns: 1fr 1fr;
+	}
+}
+
+@media(max-width: 1000px) {
+	#people-container {
+		max-width: 50rem;
+		grid-template-columns: 1fr;
+	}
+}
+
+td:nth-child(1) {
+	font-weight: bold;
+	color: var(--subtext);
+	padding-right: 1rem;
+}
+
+td:nth-child(2) {
+	color: var(--text);
+}