diff --git a/src/routes/openmeteo/+page.svelte b/src/routes/openmeteo/+page.svelte
index ecabdf9..fdbfb2c 100644
--- a/src/routes/openmeteo/+page.svelte
+++ b/src/routes/openmeteo/+page.svelte
@@ -11,6 +11,7 @@
 		display = (display === 'none') ? 'block' : 'none';
 	}
 </script>
+<main>
 <div class="box" id="locChange" style="display: {display};">
 	<form action="?/changeLoc" method="post" use:enhance={ () => { loading = true; return async ( { update } ) => { await update(); loading = false; } } }>
 		<p>Change location</p>
@@ -22,6 +23,7 @@
 <button type="button" on:click={toggleDisplay}>Canviar ubicació</button>
 <pre>{ JSON.stringify(data) }</pre>
 <Graph ubicacio={data.ubicacio} series={data.temps} />
+</main>
 <footer>
 <p>Dades provinents de:</p>
 <ul>
diff --git a/src/routes/styles.css b/src/routes/styles.css
index 9bc75dd..50bac2b 100644
--- a/src/routes/styles.css
+++ b/src/routes/styles.css
@@ -1,3 +1,7 @@
 body {
 	margin: 0;
 }
+
+main, footer {
+	margin: 0 8px;
+}