Add... something...

1 files changed, 45 insertions, 6 deletions

diff --git a/style.css b/style.css
index 28c2567..50fc926 100644
--- a/style.css
+++ b/style.css
@@ -9,25 +9,64 @@
     src: url(/OpenSans-VariableFont_wdth,wght.ttf);
 }
 
+:root {
+    --night: #0c090b;
+    --pink: #ea46c5;
+    --beige: #e9eddd;
+    --rose: #9e0012;
+
+    --green: #5a851c;
+    --green-1: #486a16;
+    --green-2: #364f10;
+
+    color: var(--night);
+}
+
 body {
     font-family: OpenSans;
 }
 
-header {
+header section {
+    padding-block: 0.6em;
     text-align: center;
+    font-size: 48px;
+    background-color: var(--green);
+    display: grid;
+    place-items: center;
+    color: var(--beige);
 }
 
-header section {
-    padding-block: 2em;
-    font-size: 24px;
+header nav {
+    display: flex;
+    justify-content: center;
+    background-color: var(--green-1);
+    gap: 0.5em;
 }
 
 header nav a, header nav a:visited {
-    color: green;
+    padding: 0.5em 1em;
+    color: var(--beige);
     text-decoration: none;
 }
 
 main {
-    padding-block: 2em;
+    padding: 2em;
+    max-width: 1000px;
     text-align: center;
+    margin-inline: auto;
+}
+
+main article {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0.5em 1em;
+}
+
+main article img {
+    width: 100%;
+    height: auto;
+}
+
+main article p {
+    grid-column: 1 / -1;
 }