А зачем ты для бади дал паддинг?

Если что, вот svg-код

ты фром-ту пробовал местами менять?

что бы выровнять блок

Нужно чтоб именно синяя область снизу вверх росла

Какой?

у тебя анимации там же прописаны, ты пробовал?

Будет вот так, если поменять местами

который в боди )

Один блок?

Я просто как-то это делал давным-давно, но блин забыл
Там решение было 1 или 2 атрибута

ага... один блок в боди, с фоновой картинкой и на ней еще одна )
я тренируюсь, и застрял на этом

Обычно если двигают контент, делают враппер, и ему указывают паддинги

Точнее, центрируют*

Крч пришлось заюзать transform

Зато красиво)

Глядите, какая штука появилась в телеге

#фишка дня
#color

Telegram стал показывать цвет рядом с HEX-представлением, как в большинстве современных IDE и редакторов.

#FF33FF

По этому поводу давайте вспомним, что когда-то в вебе был определён набор “безопасных” цветов в количестве 216 оттенков. Сейчас, конечно, это не имеет никакого смысла, лишь как артефакт эпохи.

Вот некоторые из них:

#FF0000
#FF6600
#FFFF00
#00FF00
#0099FF
#0000FF
#9900FF

Кстати, не будет лишним напомнить, что все “безопасные” цвета могут быть записаны в трёхзначном, а не только шестизначном формате:

#09f

Вот только Telegram, к сожалению, пока такой формат не поддерживает.

https://www.artlebedev.ru/colors/

вот да, тем более SMIL уже как-то почти не используются

Что за SMIL?