diff --git a/index.html b/index.html index a095d31..c87d716 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,6 @@
-

Examples

John Doeby cadars diff --git a/style.css b/style.css index ac562ef..e37b3a7 100644 --- a/style.css +++ b/style.css @@ -7,7 +7,7 @@ h1,h2,h3 {line-height: 1.1; margin-bottom: 0.75em; font-size: 1.6rem;} h2::before {content: ""; display: block; width: 2rem; height: 1.5rem; background: url('assets/images/lotus.png') center center / contain no-repeat; margin: 0 auto 0.4rem; opacity: 0.8;} p {margin-bottom: 1.5em;} h2:not(:first-child) {margin-top: 1em;} -section {min-height: 30rem; padding: 12rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);} +section {min-height: 30rem; padding: 12.5rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);} section:target {display: flex;} section a {text-decoration: underline;} section a:hover {text-decoration: none; color: rgb(155, 18, 18);} @@ -34,7 +34,7 @@ div.examples > div a:first-child:hover img {transform: scale(1.05);} @media only screen and (max-width: 25rem) { body {border-width: 0.5rem;} - section {min-height: calc(100vh - 0.5rem); padding: 11rem 1.25rem 15rem;} + section {min-height: calc(100vh - 0.5rem); padding: 11.5rem 1.25rem 15rem;} header {height: 12rem;} footer {padding-bottom: 3rem;} main::after, main::before {height: 0.5rem;}