From 42a239ddd4953ddf43437cc3f5cbb79c07758be3 Mon Sep 17 00:00:00 2001
From: Captain ALM <captainalm@captainalm.com>
Date: Tue, 26 Jul 2022 16:41:11 +0100
Subject: [PATCH] .

---
 base.css      | 19 +++++++++++++++----
 dark.css      |  2 +-
 index.go.html | 30 ++++++++++++++++--------------
 3 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/base.css b/base.css
index 1ad7f64..b810273 100644
--- a/base.css
+++ b/base.css
@@ -78,26 +78,33 @@ main{
 }
 .main-table{
     display: table;
+    box-sizing: content-box;
 }
 .main-table > div{
     display: table-row;
     background-color: transparent;
+    box-sizing: inherit;
 }
 .main-table > div > div{
     display: table-cell;
-    margin: 3px 0;
-    padding: 3px 0;
     border-style: solid;
     border-width: 1px;
     vertical-align: middle;
+    box-sizing: inherit;
+}
+.main-table > div > div > div{
+    margin: 3px 0;
+    box-sizing: inherit;
 }
 .item-table{
     display: table;
+    box-sizing: content-box;
     background-color: transparent;
 }
 .item-table > div{
     display: table-row;
     background-color: transparent;
+    box-sizing: inherit;
 }
 .item-table-full, .item-table-half, .item-table-240{
     display: table-cell;
@@ -105,10 +112,14 @@ main{
     border-width: 1px;
     background-color: transparent;
     vertical-align: top;
+    box-sizing: inherit;
 }
 .item-table-full{
     width: 100%;
 }
+.item-table-half{
+    width: 100%;
+}
 .item-table-240{
     width: 240px;
 }
@@ -129,8 +140,8 @@ main{
     .hmb{
         display: none;
     }
-    .main-table > div > div{
-        padding: 5px;
+    .main-table > div > div > div{
         margin: 5px;
+        box-sizing: inherit;
     }
 }
\ No newline at end of file
diff --git a/dark.css b/dark.css
index c7165ce..58b218c 100644
--- a/dark.css
+++ b/dark.css
@@ -26,7 +26,7 @@ body{
 }
 .main-table{
 	border-color: wheat;
-	background-color: #4f4f4f;
+	background-color: #0f0f0f;
 }
 .main-table > div > div{
 	border-color: wheat;
diff --git a/index.go.html b/index.go.html
index 78982ae..fe10c41 100644
--- a/index.go.html
+++ b/index.go.html
@@ -29,21 +29,23 @@
 <main class="main-table">
     <div>
         <div>
-            <div class="item-table">
-                <div>
-                    <div class="item-table-half">
-                        <h1>{{ .Data.About.Title }}</h1>
+            <div>
+                <div class="item-table">
+                    <div>
+                        <div class="item-table-half">
+                            <div><h1>{{ .Data.About.Title }}</h1></div>
+                        </div>
+                        <div class="item-table-half">
+                            <div><h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1></div>
+                        </div>
                     </div>
-                    <div class="item-table-half">
-                        <h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1>
-                    </div>
-                </div>
-                <div>
-                    <div class="item-table-full">
-                        {{ .Data.About.GetContent }}
-                    </div>
-                    <div class="item-table-240">
-                        <a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a>
+                    <div>
+                        <div class="item-table-full">
+                            <div>{{ .Data.About.GetContent }}</div>
+                        </div>
+                        <div class="item-table-240">
+                            <div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
+                        </div>
                     </div>
                 </div>
             </div>