diff --git a/index.html b/index.html index 1327786..feea0c9 100644 --- a/index.html +++ b/index.html @@ -75,5 +75,4 @@ mutant standard emoji, which are licensed cc-by-nc-sa 4. - (the bg image and favicon are also by dzuk) diff --git a/style.css b/style.css index 545df2b..cf1752f 100644 --- a/style.css +++ b/style.css @@ -29,16 +29,18 @@ body { -1px -1px 0 black, 4px 4px 4px hsla(0, 0%, 0%, 70%); text-align: center; - margin: 2em 1em 3em; + margin: 2em 1em 0.5em; +} + +main, footer { + background: hsla(0, 0%, 100%, 40%); + border-radius: 2em; + border: 3px solid hsla(0, 0%, 100%, 30%); } main { max-width: 35em; padding: 1em; - - background: hsla(0, 0%, 100%, 40%); - border-radius: 2em; - border: 3px solid hsla(0, 0%, 100%, 30%); margin: 0 auto 1em; } @@ -158,12 +160,11 @@ section h2::before, section h2::after { } footer { - background: hsla(0, 0%, 100%, 70%); max-width: 35em; margin: 2em auto 0; - padding: 0.25em 0.75em; + padding: 0.25em 0.5em; border-radius: 0.5em; - font-size: 85%; + font-size: 75%; color: black; text-shadow: none; @@ -181,6 +182,7 @@ footer .emojo { footer p, footer div { grid-area: t; + margin: 0; } footer a {