Почему не отображается цвет фона?

Потому что body не имеет размеров, то есть у него нету ширины и высоты и градиент не в чем увидеть( сделай его реальным и увидишь его.
body {
width: 100vh;
height: 100vh;
margin: 0;
background: linear-gradient(108.13deg, #320000 1%, #0f0323 37.66%, #322204 72.27%, #000230 98.74%);
}

Сверху человек сказал не совсем корректно. Ты мог избежать этой проблемы, если бы не использовал position absolute, ведь это свойство меняет "поток" DOM. Так бы, body обтягивало твой div, и ты бы увидел цвет фона. Так что проблема не в том, что body не имеет своей высоты и ширины (хотя это безусловно так), а в том, что ты позиционировал элемент абсолютно.

У тебя div был как бы не в body, а выше по DOM (в html (а у него скорее всего указан position relative по умолчанию))
А в body уже не было элемента от которого он бы мог растянуться