1 files changed, 8 insertions, 14 deletions
diff --git a/src/pages/boards.astro b/src/pages/boards.astro
index ab3158f..f10fa3a 100644
--- a/src/pages/boards.astro
+++ b/src/pages/boards.astro
@@ -1,32 +1,26 @@
 ---
 import Default from '../layouts/Default.astro';
+import '../styles/blackbox.css'
 import { api } from '../lib/api.ts';
 
 const data = await api('get', 'boards');
 const boards: string[] = await data.json();
 ---
 
-<Default>
-  <div class="blackbox">
-    <h3>Boards</h3>
+<Default title="Boards">
+  <h1>Boards</h1>
 
+  <div class="blackbox">
     <ul>
       {boards.map((board) => (
-      <li><a href=`/board/${board}`>{board}</a></li>
+        <li><a href=`/board/${board}`>{board}</a></li>
       ))}
     </ul>
   </div>
 </Default>
 
-<style>
-  .blackbox {
-    width: 300px;
-    height: 210px;
-    border: 10px solid black;
-    padding: 10px;
-    padding-top: 0px;
-    margin: 10px;
-    margin-left: 0px;
-    background-color: white;
+<style is:inline>
+  :root {
+    --wdt: 300px;
   }
 </style>