diff --git a/src/app.css b/src/app.css index fea7d75..f10c571 100644 --- a/src/app.css +++ b/src/app.css @@ -164,7 +164,7 @@ a { width: min(1120px, 100%); min-height: 100svh; margin-inline: auto; - padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) clamp(2rem, 6vw, 4rem); + padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) 0; display: flex; flex-direction: column; align-items: center; @@ -173,7 +173,7 @@ a { .site-footer { position: relative; width: min(1120px, 100%); - margin-inline: auto; + margin: clamp(5rem, 8vw, 7.5rem) auto 0; padding: 0 clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem); text-align: center; } @@ -223,7 +223,7 @@ a { .intro { width: min(900px, 88vw); - margin: clamp(4rem, 6vw, 5.75rem) auto 0; + margin: clamp(5.5rem, 8vw, 7.5rem) auto 0; text-align: center; } @@ -242,7 +242,7 @@ a { .star-divider { width: min(24rem, 72vw); - margin: clamp(3.75rem, 6vw, 5.25rem) auto 0; + margin: clamp(4.75rem, 7vw, 6.5rem) auto 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; @@ -360,7 +360,7 @@ a { .intro { width: min(34rem, 88vw); - margin-top: clamp(3.25rem, 11vw, 4.25rem); + margin-top: clamp(4.25rem, 14vw, 5.5rem); } .intro p { @@ -368,7 +368,11 @@ a { } .star-divider { - margin-top: clamp(3rem, 10vw, 4rem); + margin-top: clamp(4rem, 13vw, 5.25rem); + } + + .site-footer { + margin-top: clamp(4.5rem, 15vw, 6rem); } }