From a4408455da3dda1a7f976c4552e3a5bf64694c80 Mon Sep 17 00:00:00 2001
From: Ben Peachey <ben@muze.nl>
Date: Tue, 20 Feb 2024 14:05:07 +0100
Subject: [PATCH] Change styling

- Add more space around image
- Style "Coming Soon" message
---
 index.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 05f1512..5919a96 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,26 @@
 <meta charset="utf-8"/><title>jouw.id</title>
 <link href="./assets/fonts/solway.css" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="./logo.svg"/>
-<style>html, body {height:100%} body {display: flex;}</style>
+<style>
+html, body {
+    height: 100%
+}
+body {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+h1 {
+    color: #02006F;
+    font-family: Solway, sans-serif;
+    font-size: 10vw;
+    text-align: center;
+}
+img {
+    margin-top: 5%;
+    max-width: 80%;
+}
+</style>
 <img src="./logo.svg" alt="jouw.id logo"/>
 <h1>Coming soon...</h1>