diff --git a/public/styles/404.css b/public/styles/404.css
new file mode 100644
index 0000000..952ce41
--- /dev/null
+++ b/public/styles/404.css
@@ -0,0 +1,10 @@
+.container {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ font-weight: 300;
+ font-size: 2em;
+}
diff --git a/public/styles/base.css b/public/styles/base.css
index 37005a5..c2a0538 100644
--- a/public/styles/base.css
+++ b/public/styles/base.css
@@ -153,13 +153,6 @@ code[class*="language-"] {
html,
body {
font-family: "Signifier", serif;
-}
-
-header,
-footer {
- padding: 30px 20px;
- font-size: 1.5em;
- display: flex;
- align-items: center;
- justify-content: space-between;
+ background: #f5f1e8;
+ color: #3a3a3a;
}
diff --git a/public/styles/index.css b/public/styles/index.css
index 5ba9319..d5f8979 100644
--- a/public/styles/index.css
+++ b/public/styles/index.css
@@ -1,20 +1,19 @@
-body {
- background: #f5f1e8;
- color: #3a3a3a;
-}
-
header {
+ padding: 60px 0;
display: flex;
- padding: 60px;
- max-width: 1200px;
- margin: 0 auto;
+ align-items: center;
+ justify-content: space-between;
}
h1,
-header span {
- margin: 0;
- font-weight: 300;
+.delta {
font-size: 4em;
+ font-weight: 300;
+}
+
+.container {
+ max-width: 60%;
+ margin: 0 auto;
}
section {
@@ -26,7 +25,6 @@ section {
}
h2 {
- margin-top: 24px;
font-weight: 300;
font-style: italic;
font-size: 2em;
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 4627356..d5280ae 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -15,9 +15,12 @@ const { title, description = "barrett ruth's website" } = Astro.props;
+
+
+