diff --git a/scss/main.scss b/scss/main.scss
index 09de48a..20147e5 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -9,10 +9,6 @@ $bp-little: 650px;
body {
--background-image: ;
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
font-size: 18px;
background: var(--background-image) center fixed no-repeat;
background-size: cover;
@@ -22,13 +18,23 @@ body {
}
}
+.center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 95vh;
+ width: 100%;
+ @media only screen and (max-width: $bp-little) {
+ min-height: 100vh;
+ height: auto;
+ }
+}
+
a {
color: var(--text-color);
}
.credits {
- position: absolute;
- bottom: 0;
display: flex;
gap: 1rem;
@media only screen and (max-width: $bp-little) {
@@ -37,6 +43,8 @@ a {
font-size: 14px;
flex-wrap: wrap;
flex-direction: column;
+ margin-bottom: 2rem;
+ margin-top: 2rem;
}
font-size: 16px;
& a {
@@ -63,7 +71,7 @@ main {
@media only screen and (max-width: $bp-little) {
box-sizing: border-box;
width: 100%;
- min-height: 100%;
+ min-height: 100vh;
border-radius: 0;
}
}
diff --git a/templates/base/base.gohtml b/templates/base/base.gohtml
index 8546d67..634459c 100644
--- a/templates/base/base.gohtml
+++ b/templates/base/base.gohtml
@@ -10,12 +10,14 @@
{{template "opengraph-base" .SEO}}
- {{template "body" .Data}}
-
+
+ {{template "body" .Data}}
+
+