diff --git a/static/assets/gifs/hmmmbg.gif b/static/assets/gifs/hmmmbg.gif new file mode 100644 index 0000000..5175f82 Binary files /dev/null and b/static/assets/gifs/hmmmbg.gif differ diff --git a/static/assets/gifs/weirdstone.png b/static/assets/gifs/weirdstone.png new file mode 100644 index 0000000..062a0fa Binary files /dev/null and b/static/assets/gifs/weirdstone.png differ diff --git a/static/style.css b/static/style.css index 4a193a2..5172b24 100644 --- a/static/style.css +++ b/static/style.css @@ -198,7 +198,6 @@ table { :root { - --lavender: #cdb4db; --light-pink: #ffc8dd; --pink: #ffafcc; @@ -232,7 +231,8 @@ body { } &:has(#content music) { - background-image: url(assets/images/tiledbgpink.webp); + background-image: url(assets/gifs/hmmmbg.gif); + background-size: auto; } &:has(#content katcenkat) { @@ -255,11 +255,19 @@ body { } cute-container { - background-image: url(assets/images/tiledbgpink.webp); - width: 70svw; - height: 70svh; - border: 5px solid var(--darker-pink); + background-image: url(assets/gifs/weirdstone.png); + width: min(90svw, 850px); + min-height: 70svh; + height: auto; + border: 5px solid var(--lavender); padding: 1rem 2rem; + box-sizing: border-box; + + img { + width: 80%; + display: block; + margin-inline: auto; + } } }