big picture

site.css

@@ -30,3 +30,42 @@ h1 {
 .Grid img {
 	cursor: pointer;
 }
+
+.BigPicture {
+	background-color: rgba(0, 0, 0, 0.6);
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	left: 0;
+	padding: 30px;
+	position: fixed;
+	right: 0;
+	top: 0;
+}
+
+.BigPicture-image {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: contain;
+	flex: 1 1 auto;
+}
+
+.BigPicture-footer {
+	align-self: center;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: space-between;
+	margin-top: 30px;
+	max-width: 200px;
+	width: 100%;
+}
+
+.BigPicture-footerLink {
+	color: #69c;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.BigPicture-footerLink:hover {
+	text-decoration: underline;
+}