CSS до и после макетов не работают на странице бритвы [закрыто] ⇐ CSS

[Anonymous]

Я взял этот код CSS и HTML и поместил его в свои документы razor и razor.css.
https://codemyui.com/fallout-pip-boy-screen-in-css-and -html/
однако, когда я запускаю его, .screen:before и .screen:after из файла .css либо охватывают всю страницу, либо не вообще не отображаться, в зависимости от того, как вы меняете макет.
Кто-нибудь знает, что я здесь делаю не так?
У меня есть пробовал сделать позицию относительной и возиться с привязками макета для .screen:before и .screen:after, но это всегда приводит к покрытию «все или ничего». Я просто хочу, чтобы эти два элемента перекрывали класс .screen и ничего больше.

Подробнее здесь: https://stackoverflow.com/questions/784 ... razor-page