groups

site.css

@@ -4,16 +4,24 @@ body {
 	color: #335;
 	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
 	margin: 0;
-	overflow-x: hidden;
 	padding: 0;
 }
 
+body {
+	overflow-x: hidden;
+}
+
+body.no-scroll {
+	overflow: hidden;
+}
+
 div {
 	box-sizing: border-box;
 }
 
 h1 {
 	color: #69c;
+	cursor: pointer;
 	font-size: 45px;
 	font-weight: lighter;
 	line-height: 60px;
@@ -32,15 +40,35 @@ h2 {
 	margin-left: 30px;
 	margin-right: 30px;
 	margin-top: 0px;
+}
+
+.ImageSet h2 {
 	border-bottom: 1px solid #eef;
 }
 
+.Root-setCovers {
+	display: grid;
+	gap: 30px;
+}
+
+.SetCover {
+	align-items: center;
+	cursor: pointer;
+	display: flex;
+	flex-direction: column;
+	justify-content: end;
+	overflow: hidden;
+}
+
 .ImageSet-location,
-.ImageSet-description {
+.ImageSet-description,
+.SetCover-location,
+.SetCover-description {
 	white-space: nowrap;
 }
 
-.ImageSet-location:after {
+.ImageSet-location:after,
+.SetCover-location:after {
 	content: " · ";
 	white-space: break-spaces;
 }
@@ -100,9 +128,20 @@ h2 {
 		color: #ccf;
 	}
 
-	h2 {
+	.ImageSet h2 {
 		border-color: #335;
 		color: #bbb;
 	}
 }
 
+@media (min-width: 900px) {
+	.Root-setCovers {
+		grid-template-columns: 1fr 1fr;
+	}
+}
+
+@media (min-width: 1400px) {
+	.Root-setCovers {
+		grid-template-columns: 1fr 1fr 1fr;
+	}
+}