add photography

css/overlay.css

@@ -1,8 +1,7 @@
 .overlay-container {
 	position: relative;
-	max-width: 1080px;
-	margin-left: auto;
-	margin-right: auto;
+	text-align: center;
+	width: 100%;
 }
 
 .overlay-container .image {

css/style.css

@@ -7,9 +7,15 @@ h1, h2, h3, h4, h5, h6, p, a, label, button, input, select, td {
 }
 
 body {
-	margin-left: 16px;
-	margin-right: 16px;
-	width: calc(100% - 16px - 16px);
+	min-height: 100vh;
+	max-width: 100vw;
+	display: grid;
+	grid-template-rows: auto 1fr auto;
+}
+
+main {
+	padding-left: 32px;
+	padding-right: 32px;
 }
 
 header {
@@ -34,6 +40,6 @@ nav a {
 	font-size: larger;
 }
 
-main {
-	text-align: center;
+nav a[aria-current="page"] {
+	text-decoration: underline;
 }