Make index a bit nicer

extra/index.css

@@ -5,4 +5,61 @@ html {
 body {
   margin: 0;
   font-family: 'Source Sans Pro', sans-serif;
+  background-color: #f0f0f0;
+}
+
+h1 {
+  font-weight: normal;
+  margin-top: 0;
+}
+
+.download-button {
+  color: white;
+  text-decoration: none;
+  background-color: #6080ff;
+  padding: .5em;
+  border-radius: .5em;
+}
+
+.container {
+  margin: 2em auto;
+  width: 87em;
+}
+
+.photo-cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+
+  /* ul reset */
+  padding: 0;
+}
+
+.photo-card {
+  list-style: none;
+  padding: .5em;
+  box-shadow: 0 0 .5em rgba(0, 0, 0, 20%);
+  background-color: white;
+}
+
+.photo-card-wrapper {
+  display: block;
+}
+
+.photo-card-image {
+}
+
+.photo-card-image img {
+  width: 20em;
+  height: 15em;
+  object-fit: contain;
+  object-position: center;
+}
+
+.photo-card-label {
+
+}
+
+footer {
+  text-align: center;
 }