Как сделать так, чтобы при инициализации абсолютно позиционированный элемент был по середине вью-порта

Есть html которые генерируется динамически.
Есть body и у него realtive позиционирование.
Есть элемент, у него позиционирование абсолютное относительно body.
Но body подгружается динамически и его размер через несколько секунд становится нормальный и элемент виден нормально, но ДО того оно выглядит вот так страшно

Нужно сделать так, чтобы до того как размер body будет нормальным элемент был по середине вью порта (там где две большие стрелы) или хотя бы был виден полностью.

Чего нельзя делать, вот вообще.
Задачу нельзя решить с помощью JS, просто запрещено хоть это и делается элементарно.
body нельзя выставить min-height, тоже запрещено.

Заранее спасибо.