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

[Anonymous]

Итак, я возился со своим сайтом на Nekoweb, пытаясь исправить панель навигации. Я уже стилизовал его с помощью CSS. Кажется, что стиль отлично работает на index.html (моя главная/домашняя страница). Однако когда я связываю таблицу стилей на других страницах, например в галерее, стиль не применяется полностью и, следовательно, не остается согласованным. Как это исправить?
Панель навигации отображается горизонтально, как я и хочу. Однако такие вещи, как размер шрифта, по какой-то причине не меняются. На главной странице он составляет 18 пикселей, но на других страницах он больше похож на 12 пикселей.
Вот фрагмент указанной панели навигации на главной странице:

Код: Выделить всё

.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;
}

Код: Выделить всё

[list]
[*]
[url=site.org/index.html]Home[/url]

[*]
[url=site.org/gallery.html]Gallery[/url]

[*]
[url=site.org/contact.html]Contact[/url]

[/list]

А вот фрагмент страницы галереи:

Код: Выделить всё

        
[list]
[*]
[url=site.org/index.html]Home[/url]

[*]
[url=site.org/gallery.html]Gallery[/url]

[*]
[url=site.org/contact.html]Contact[/url]

[/list]

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