diff --git a/_includes/head.html b/_includes/head.html
index 2dfe2b9..c322bde 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,6 +1,6 @@
-
+
diff --git a/assets/css/site.scss b/assets/css/site.scss
index 6c1a204..cd0bbc0 100644
--- a/assets/css/site.scss
+++ b/assets/css/site.scss
@@ -25,6 +25,7 @@
html {
scroll-behavior: smooth;
+ background: linear-gradient(180deg, #f5f8fb 0%, #ebf1f7 100%);
}
@media (prefers-reduced-motion: reduce) {
@@ -43,6 +44,7 @@ html {
body {
margin: 0;
+ min-height: 100svh;
font-family: "Source Sans 3", sans-serif;
color: var(--text);
background:
@@ -70,6 +72,7 @@ img {
position: sticky;
top: 0;
z-index: 20;
+ padding-top: env(safe-area-inset-top);
backdrop-filter: blur(18px);
background: linear-gradient(180deg, rgba(18, 31, 49, 0.94), rgba(12, 22, 37, 0.9));
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
@@ -526,7 +529,7 @@ h1 {
}
.site-footer {
- padding: 2rem 0 3rem;
+ padding: 2rem 0 calc(3rem + env(safe-area-inset-bottom));
}
.site-footer__inner {