Почему видео перекрывает кнопки, но текст виден?

Question

[Coffee33]

Делаю сайт для зачета. Эта вещи не обязательна но мне захотелось. Вот часть из css которая не выводиться на экран:
.phone {
font-size: 16px;
font-weight: 900;

}
.phone a {
color: white;
font-size: 16px;
font-weight: 900;
}

.contact {
float: right;
}

.phone2{
color:white;
text-decoration: none;
}

А это css текста который как раз таки видно по верх видео:
.spec-text {
font-size: larger;
font-family: Arial, Helvetica, sans-serif;
color: #F4A460;
padding-right: 0px;
top: 210px;
left: 40px;
}
Я залил это еще на CodePen, помогите кто разбирается https://codepen.io/Coffee34/details/QWqqKpV

Comments

[Николай Угольников]

У тебя очень много ошибок как в html, так и в css. Провалидируй свой код https://validator.w3.org/nu/#textarea

Answer 1

[kryamk]

video {
    z-index: -1;
}