Fix styles

1 files changed, 13 insertions, 6 deletions

diff --git a/style.css b/style.css
index 63c7225..edf23f1 100644
--- a/style.css
+++ b/style.css
@@ -37,14 +37,13 @@ body {
   background-color: var(--color-surface);
   color: var(--color-on-surface);
   margin: 0 auto;
-  padding: 0;
+  padding: 0 0.5em;
 
   max-width: 50em;
 }
 
 nav {
-  margin: 0;
-  padding: 1em 0;
+  margin-top: 1em;
 
   display: flex;
 }
@@ -65,6 +64,14 @@ nav > * {
   white-space: nowrap;
 }
 
+nav > *:first-child {
+  margin-left: 0;
+}
+
+nav > *:last-child {
+  margin-right: 0;
+}
+
 nav > .current {
   background-color: var(--color-primary);
   color: var(--color-on-primary);
@@ -74,15 +81,15 @@ main {
   background-color: var(--color-surface-container);
   border-radius: 2em;
 
-  margin: 0 0.5em 2em 0.5em;
+  margin: 1em 0 5em 0;
   padding: 1.5em;
 }
 
-main :first-child {
+main > *:first-child {
   margin-top: 0;
 }
 
-main :last-child {
+main > *:last-child {
   margin-bottom: 0;
 }