Почему стиль моей панели навигации не остается одинаковым на разных страницах? ⇐ CSS

[Anonymous]

Итак, я возился со своим сайтом на Nekoweb, пытаясь исправить панель навигации. Я уже стилизовал его с помощью CSS. Кажется, что стиль отлично работает на index.html (моя главная/домашняя страница). Однако когда я связываю таблицу стилей на других страницах, например в галерее, стиль не применяется полностью и, следовательно, не остается согласованным. Как это исправить?
Это стиль, который у меня есть на данный момент:
.nav-list {
margin: 0;
padding: 1rem 0;
display: flex;
justify-content: center;
align-items: center;
}
.nav-item {
list-style: none;
margin-right: 2rem;
}
.nav item a {
text-decoration: none;
color: black;
font-size: 18px;
}


Панель навигации отображается горизонтально, как я и хочу. Однако такие вещи, как размер шрифта, по какой-то причине не меняются. На главной странице он составляет 18 пикселей, но на других страницах он больше похож на 12 пикселей.
Вот HTML-код указанной панели навигации:

• Home
• Gallery
• Contact

Подробнее здесь: https://stackoverflow.com/questions/791 ... ross-pages