sass/style.scss

@@ -7,7 +7,7 @@
 body {
 	display: flex;
 	flex-direction: column;
-	min-height: 100vh;
+	min-height: 100dvh;
 	font-family: 'Source Code Pro', monospace;
 	background: var(--background);
 	color: var(--color);
@@ -79,7 +79,8 @@ footer {
 	align-items: center;
 	align-self: flex-end;
 	margin-top: auto;
-	margin-bottom: 2rem;
+	margin-bottom: max(2rem, env(safe-area-inset-bottom)); /* Account for safe area */
+
 }
 
 .hamburger {