Перекрытие контента при фиксированной панели навигации ⇐ CSS

[Anonymous]

Я пытаюсь зафиксировать верхний текст и панель навигации в верхней части страницы, и они не должны прокручиваться вместе с содержимым. Мне удалось исправить это вверху, используя позицию: исправлено, но контент перекрывается.

Я использовал позицию: позицию: липкий, установил поля и отступы, но ничего не помогло.

Я хочу знать, насколько аккуратно я смогу этого добиться. Пожалуйста, помогите

* { выравнивание текста: по центру; маржа: 0; } ч1 { цвет фона: аквамарин; } .вершина { ширина: 100%; положение: фиксированное; } .navbar { цвет фона: черный; ширина: 100%; } .navbar а { цвет: пшеничный; размер шрифта: 1,5рем; маржа: 2%; } п { размер шрифта: 2rem; } ч3, ч2 { размер шрифта: 5rem; Документ Джон Доу Обо мне Проекты Контакт Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus repellat ullam dolore sequi sapiente Eveniet a tempora dolorum porro Invente illo, maiores minus corporis. Facere mExceptionuri corporis.
Проект 1
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis voluptas accusamus ab eum iste, nihil Laborum sit Harum Architecto Laudantium Odio, Ratione totam quis qui quaerat suscipit corporis et rem.
Контактная информация 233443454354 Адрес: abc, 1234