diff --git a/styles/Blog/Blog.module.scss b/styles/Blog/Blog.module.scss index fdb4f09..883a3f3 100644 --- a/styles/Blog/Blog.module.scss +++ b/styles/Blog/Blog.module.scss @@ -2,6 +2,7 @@ background: var(--blog_back-background); color: var(--blog_color); padding-bottom: 20px; + min-height: 100vh; header { position: sticky; diff --git a/styles/globals.scss b/styles/globals.scss index e4143d9..7fec598 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -18,7 +18,7 @@ --blog_back-background-main: rgba(61, 0, 0,1); --blog_back-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='57' height='57' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='100%25' height='100%25' fill='rgba(32, 19, 19,1)'/%3E%3Ccircle cx='0' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Ccircle cx='40' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='m 16 19.5 h8 v1 h-8z' fill='rgba(229, 62, 62,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E "); - --blog_content-background: rgba(64, 64, 64, 0.15); + --blog_content-background: rgba(40, 40, 40, 0.2); --blog_content-blur: 10px; --blog_color: #ddd;