Change styling

- Add more space around image - Style "Coming Soon" message
Datakluis · Feb 20, 2024 · a440845 · a440845
1 parent 4e8dc5a
commit a440845
Showing 1 changed file with 21 additions and 1 deletion.
diff --git 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>